AI Tools Configuration in Visual Studio
The Telerik UI for Blazor Extension for Visual Studio 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 Visual Studio.
- Check the tool-specific prerequisites for the Telerik Blazor MCP Server and the Telerik Blazor extension for GitHub Copilot.
To access the automated commands, open Extensions > Telerik > Telerik UI for Blazor in the Visual Studio menu.
Configure Telerik MCP Server
The Telerik UI for Blazor extension provides two menu options to set up the Telerik Blazor MCP server:
- Configure MCP Server for Solution—this command creates an
.mcp.json
file in the solution folder. The configuration applies only to the projects in that application. - Configure MCP Server Globally—this command creates an
.mcp.json
file in your operating system user folder (%USERPROFILE%
, for example,C:\Users\___\.mcp.json
). This configuration applies to all Visual Studio solutions and projects.
Make sure to open the generated
.mcp.json
file to verify that theTELERIK_LICENSE_PATH
value matches your actual Telerik license file location. Alternatively, replaceTELERIK_LICENSE_PATH
withTELERIK_LICENSE
and set your license key directly. UsingTELERIK_LICENSE_PATH
is recommended.
Finally, check for any usage notes about the Telerik Blazor MCP Server.
Add/Update Copilot Instructions
The Add/Update Copilot 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 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.