Telerik.ASPNETCore.MCP 1.2.0

Telerik ASP.NET Core MCP Server

The Telerik ASP.NET Core MCP Server enables you to achieve integration with your already existing AI workflows and reach new levels of developer productivity. The MCP server provides proprietary context to AI-powered IDEs, apps and tools. You can use the Telerik ASP.NET Core MCP server to ask about Telerik UI for ASP.NET Core components, features, or general usage. You can successfully prompt more complex questions and tasks, and generate tailored code that includes Telerik UI for ASP.NET Core components and API.

The Telerik ASP.NET Core MCP server automatically recognizes your Telerik license and activates the Agentic UI Generator and the available assistants:

• Agentic UI Generator—Includes all eight specialized assistants (Component, Layout, Styling, Icon, Accessibility, Getting Started, Upgrade and Validator), coordinated by a comprehensive orchestrator designed for complete UI generation.

Agentic UI Generator Intended Use

• Create Individual Components: Build specific Telerik UI for ASP.NET Core components with particular configurations and features like filtering, validation, and data binding.
• Create Full Responsive Pages
  • Build complete dashboards, landing pages, and listing pages in existing applications.
  • Generate pages similar to the Progress Design System page templates.
• Modify Existing Pages: Generate new themes inside existing applications. Add dark mode or high-contrast themes.
• Implement Responsive Layout
  • Create new responsive pages and sections.
  • Convert existing pages to be responsive for mobile and tablet views.

Prerequisites

To use the Telerik ASP.NET Core MCP server, you need:

• A compatible MCP client (IDE, code editor or app) that supports MCP tools.
• An active Telerik Subscription license that provides access to the Telerik UI for ASP.NET Core MCP server.
• .NET 8 or newer

Installation

Using Telerik.Cli

Use the Telerik CLI and the built-in Getting Started Assistant to handle the entire setup automatically - whether you are starting a new project or adding Telerik UI for ASP.NET Core to an existing one.

Follow these steps to set up the Agentic UI Generator and use it in your IDE:

1. Install the Telerik CLI globally by executing the following command in any standard command-line interface (CLI) or terminal on your operating system:

   dotnet tool install -g Telerik.CLI
   

2. Configure the Telerik Nuget feed, activate (update) your Telerik license, and set up the Telerik MCP server with the Telerik CLI:

   • In .NET10:

   telerik setup aspnetcore
   

   • In .NET8 or 9:

   dotnet tool install Telerik.ASPNETCore.MCP
   

   telerik setup aspnetcore
   

You are now ready to generate components and pages using the Agentic UI Generator in your IDE.

Manual Configuration

Visual Studio

Refer to Use MCP servers in Visual Studio.

To enable the Telerik MCP Server in a specific ASP.NET Core app, add a .mcp.json file to the solution folder.

SOLUTIONDIR/.mcp.json

{
  "servers": {
    "telerik-aspnetcore-mcp": {
      "type": "stdio",
      "command": "dnx",
      "args": ["Telerik.ASPNETCore.MCP", "--yes"]
    }
  },
  "inputs": []
}

VSCode - Copilot

Refer to Use MCP servers in VS Code.

To enable the Telerik MCP Server in a specific workspace or ASP.NET Core app, add a .vscode folder with an mcp.json file at the root of the workspace:

.vscode/mcp.json at the workspace root

{
  "servers": {
    "telerik-aspnetcore-mcp": {
      "type": "stdio",
      "command": "dnx",
      "args": ["Telerik.ASPNETCore.MCP", "--yes"]
    }
  },
  "inputs": []
}

Cursor

Refer to Model Context Protocol.

To enable the Telerik MCP Server in a specific workspace or ASP.NET Core app, add a .cursor folder with an mcp.json file at the root of the workspace.

.cursor/mcp.json at the workspace root

{
  "mcpServers": {
    "telerik-aspnetcore-mcp": {
      "type": "stdio",
      "command": "dnx",
      "args": ["Telerik.ASPNETCore.MCP"]
    }
  }
}

Usage

To increase the probability of the Telerik UI for ASP.NET Core MCP Server being used, or to call it without the need to mention "telerik" explicitly, add custom idea instructions to your AI-powered tool. Here are examples for GitHub Copilot and Cursor.

Agentic UI Generator

To use the Agentic UI Generator mode:

1. Open the AI chat interface in your IDE—Start a new chat session to begin interacting with the Agentic UI Generator.
2. Start your prompt with #telerik_ui_generator (the main MCP tool to start the agentic workflow in the Agentic UI Generator).
3. This will trigger an agentic workflow using the other available MCP tools to retrieve relevant context based on your prompt.
4. Inspect the output and verify that the Telerik ASP.NET Core MCP Server is used. Look for a statement in the output, which is similar to:
   • Running telerik_ui_generator (in VS Code)
   • Calling MCP tool telerik_ui_generator (in Cursor)
5. If requested, grant the Telerik ASP.NET Core MCP server a permission to run for this session, workspace, or always.

For more information on how to use the Agentic UI Generator see:

• Getting Started
• Prompt Library

General Tips

• If you want to prompt for information or code that are not related to your previous prompts, it is a good practice to start a new session in a new chat window, so that the context is not polluted by irrelevant old information.
• To increase the probability of the Telerik ASP.NET Core MCP Server being used, or to call it without the need to mention "telerik" explicitly, add custom instructions to your AI-powered tool. Here are examples for GitHub Copilot and Cursor.