Kendo UI for Angular MCP Server

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

Prerequisites

To use the Kendo UI for Angular MCP server, you need:

• A compatible MCP client (IDE, code editor or app) that supports MCP tools.
• A Telerik user account.
• An active DevCraft or Kendo UI for Angular license or a Kendo UI for Angular trial.

Installation

Use the documentation of your AI-powered MCP client to add the Kendo UI for Angular MCP server to a specific workspace or globally. You can see installation tips and examples for some popular MCP clients below.

The generic settings of the Kendo UI for Angular MCP server are:

• Server name: kendo-angular-assistant
• Type: stdio (standard input/output transport)
• Command: npx (the MCP server works through an npm package)
• Supported arguments: -y
• npm package name: @progress/kendo-angular-mcp
• You also need to add your Telerik licence key as an env parameter in the mcp.json file. There are two options:
  • (recommended) Use a TELERIK_LICENSE_PATH argument and point to your Telerik license file location.
  • Use a TELERIK_LICENSE argument and paste your Telerik license key. Make sure to update the license key when necessary.

Authentication

The MCP server requires a valid Telerik account with a valid license. In order to get a valid license key check the Kendo UI for Angular documentation.

To set up the license key, you need to set it up as an environment variable in the JSON configuration file.

Configuration Examples

VSCode - Copilot

Refer to Use MCP servers in VS Code.

To enable the Kendo UI for Angular MCP server in a specific workspace or Angular app, add a .vscode folder with an mcp.json file at the root of the workspace:

.vscode/mcp.json at the workspace root

{
  "servers": {
    "kendo-angular-assistant": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@progress/kendo-angular-mcp@latest"],
      "env": {
        "TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
        // or
        "TELERIK_LICENSE": "YOUR_LICENSE_KEY"
      }
    }
  }
}

Cursor

Refer to Model Context Protocol.

To enable the Kendo UI for Angular MCP server in a specific workspace or Angular app, add a .cursor folder with an mcp.json file at the root of the workspace.

.cursor/mcp.json at the workspace root

{
  "mcpServers": {
    "kendo-angular-assistant": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@progress/kendo-angular-mcp@latest"],
      "env": {
        "TELERIK_LICENSE_PATH": "THE_PATH_TO_YOUR_LICENSE_FILE",
        // or
        "TELERIK_LICENSE": "YOUR_LICENSE_KEY"
      },
    }
  }
}

Usage

To use the Kendo UI for Angular MCP server:

1. Start your prompt with #kendo-angular-assistant
2. Inspect the output and verify that the MCP Server is used. Look for a similar statement in the output (the exact text may vary across tools):

3. If the Kendo UI for Angular MCP server is not used even though it's installed and enabled, double-check the server name in your configuration and try rephrasing your prompt.
4. If requested, grant the Kendo UI for Angular MCP server a permission to run for this session, workspace, or always.

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