AI Tools Configuration in VS Code

The Telerik UI for Blazor Extension for VS Code provides automated configuration commands for the Telerik AI-powered development tools. These commands help you quickly set up the Telerik MCP server and GitHub Copilot extension for enhanced developer productivity with Telerik UI for Blazor components.

Prerequisites

To set up the Telerik UI for Blazor AI tools automatically:

• Install the Telerik UI for Blazor extension for VS Code.
• Check the tool-specific prerequisites for the Telerik Blazor MCP Server and the Telerik Blazor extension for GitHub Copilot.

To access the automated commands:

1. Open the Command Palette at the center top of the VS Code interface.
2. Select Show and Run Commands.
3. Search for the following Telerik commands:
   • Configure MCP Server
   • Install Telerik Blazor Copilot Extension
   • Add GitHub Copilot Custom Instructions

Configure MCP Server

The Telerik UI for Blazor: Configure MCP Server command provides two configuration scopes to set up the Telerik Blazor MCP Server:

• Workspace—Creates an mcp.json file in a .vscode folder in your current workspace. This configuration applies only to the current workspace.
• Global—Creates an mcp.json file in your operating system user folder (for example, C:\Users\___\AppData\Roaming\Code\User\.mcp.json on Windows or /Users/___/Library/Application Support/Code/User/mcp.json on macOS). This configuration applies to all VS Code workspaces.

Make sure to open the generated mcp.json file to verify that the TELERIK_LICENSE_PATH value matches your actual Telerik license file location. Alternatively, replace TELERIK_LICENSE_PATH with TELERIK_LICENSE and set your license key directly. Using TELERIK_LICENSE_PATH is recommended.

Finally, check for any usage notes about the Telerik Blazor MCP Server.

Add GitHub Copilot Custom Instructions

The Telerik UI for Blazor: Add GitHub Copilot Custom Instructions command generates a copilot-instructions.md file in the .github folder under the solution. This file contains custom instructions that help GitHub Copilot provide better assistance when working with Telerik UI for Blazor components. The generated file includes the following default instructions:

• Guidance to use the Telerik MCP Server whenever applicable
• Guidance to prioritize the usage of Telerik UI components
• Guidance to use best coding practices related to Telerik UI for Blazor

Install Telerik Blazor Copilot Extension

The Telerik UI for Blazor: Install Telerik Blazor Copilot Extension command opens the TelerikBlazor GitHub App installation page in your default browser. Then, follow the installation instructions for the Telerik Blazor GitHub Copilot Extension.

See Also

• Telerik AI Tooling Overview
• Telerik Blazor MCP Server
• Telerik Blazor GitHub Copilot Extension
• VS Code Integration Overview