@progress/kendo-angular-mcp 1.3.2 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -34
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
# Kendo UI for Angular MCP Server
|
|
2
2
|
|
|
3
|
-
The Kendo UI for Angular [MCP Server](https://modelcontextprotocol.io/introduction) enables you achieve
|
|
3
|
+
The Kendo UI for Angular [MCP Server](https://modelcontextprotocol.io/introduction) 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 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.
|
|
4
4
|
|
|
5
|
-
As of version 1.3 the Kendo UI for Angular MCP server supports two modes of operation that depends on your [Telerik license type](https://www.telerik.com/
|
|
5
|
+
As of version 1.3 the Kendo UI for Angular MCP server supports [two modes of operation](https://www.telerik.com/kendo-angular-ui/components/ai-tools#ai-tools-overview-and-comparison) that depends on your [Telerik license type](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements):
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
* **Initial code generation**: Quickly add components to your app to speed up the initial development.
|
|
10
|
-
* **Component configuration**: Enable or disable specific component features, or fine tune the configuration through prompting. More * complex configurations are possible but may require additional manual work to be production-ready.
|
|
11
|
-
* **Dummy data generation and data binding**: Quickly add data to your app for testing and prototyping purposes. Avoid exposing or providing access to your proprietary or production data to AI-enabled tools.
|
|
12
|
-
* **Step-by-step explanations**: Understand the solutions provided by the AI Coding Assistant through the detailed explanations (depends * on the tool, mode, and model used). To further develop your knowledge, check the respective documentation.
|
|
13
|
-
* **Preliminary troubleshooting**: Resolve obvious and easy-to-solve issues affecting your code. For more complex issues, look for assistance from the community or contact the support team.
|
|
7
|
+
* **Agentic UI Generator**—Includes all four specialized tools (Component, Layout, Styling, and Icon), coordinated by a comprehensive orchestrator designed for complete UI generation.
|
|
8
|
+
* **AI Coding Assistant**—Includes the Component Tool and Icon Tool, coordinated by an orchestrator optimized for component-level development.
|
|
14
9
|
|
|
15
10
|
## **Agentic UI Generator** Intended Use
|
|
16
11
|
|
|
@@ -23,13 +18,20 @@ As of version 1.3 the Kendo UI for Angular MCP server supports two modes of oper
|
|
|
23
18
|
* Create new responsive pages and sections.
|
|
24
19
|
* Convert existing pages to be responsive for mobile and tablet views.
|
|
25
20
|
|
|
21
|
+
## **AI Coding Assistant** Intended Use
|
|
22
|
+
|
|
23
|
+
* **Initial code generation**: Quickly add components to your app to speed up the initial development.
|
|
24
|
+
* **Component configuration**: Enable or disable specific component features, or fine tune the configuration through prompting. More * complex configurations are possible but may require additional manual work to be production-ready.
|
|
25
|
+
* **Dummy data generation and data binding**: Quickly add data to your app for testing and prototyping purposes. Avoid exposing or providing access to your proprietary or production data to AI-enabled tools.
|
|
26
|
+
* **Step-by-step explanations**: Understand the solutions provided by the AI Coding Assistant through the detailed explanations (depends * on the tool, mode, and model used). To further develop your knowledge, check the respective documentation.
|
|
27
|
+
* **Preliminary troubleshooting**: Resolve obvious and easy-to-solve issues affecting your code. For more complex issues, look for assistance from the community or contact the support team.
|
|
28
|
+
|
|
26
29
|
## Prerequisites
|
|
27
30
|
|
|
28
31
|
To use the Kendo UI for Angular MCP server, you need:
|
|
29
32
|
|
|
30
33
|
* A [compatible MCP client (IDE, code editor or app)](https://modelcontextprotocol.io/clients) that supports *MCP tools*.
|
|
31
|
-
*
|
|
32
|
-
* An active [DevCraft or Kendo UI for Angular license](https://www.telerik.com/purchase/kendo-ui) or a [Kendo UI for Angular trial](https://www.telerik.com/download).
|
|
34
|
+
* An active [Telerik license](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements) that provides access to the Kendo UI for Angular MCP server.
|
|
33
35
|
|
|
34
36
|
## Installation
|
|
35
37
|
|
|
@@ -50,9 +52,14 @@ The generic settings of the Kendo UI for Angular MCP server are:
|
|
|
50
52
|
|
|
51
53
|
## Authentication
|
|
52
54
|
|
|
53
|
-
The MCP server requires
|
|
55
|
+
The Kendo UI for Angular MCP server [requires an active Subscription or trial license](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements) and a valid key for authentication. You can configure your license key either globally on your machine or locally in the `mcp.json` configuration file.
|
|
56
|
+
|
|
57
|
+
- *(Recommended)* When set globally, the MCP server automatically recognizes the license and you can ignore the `env` parameter in the `mcp.json` setup.
|
|
58
|
+
- When configured locally, you have to define either one of the following variables inside the `mcp.json` file:
|
|
59
|
+
* `TELERIK_LICENSE_PATH`—to point to your license file location.
|
|
60
|
+
* `TELERIK_LICENSE`—to paste your license key directly.
|
|
54
61
|
|
|
55
|
-
|
|
62
|
+
For detailed instructions on obtaining and managing your license key, see [Kendo UI for Angular Licensing](https://www.telerik.com/kendo-angular-ui/components/licensing).
|
|
56
63
|
|
|
57
64
|
## Configuration Examples
|
|
58
65
|
|
|
@@ -114,44 +121,45 @@ To [enable the Kendo UI for Angular MCP server in a specific workspace](https://
|
|
|
114
121
|
|
|
115
122
|
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](https://docs.github.com/en/copilot/customizing-copilot/adding-repository-custom-instructions-for-github-copilot#about-repository-custom-instructions-for-github-copilot-chat) and [Cursor](https://docs.cursor.com/context/rules).
|
|
116
123
|
|
|
117
|
-
###
|
|
124
|
+
### Agentic UI Generator
|
|
118
125
|
|
|
119
|
-
To use the
|
|
126
|
+
To use the Agentic UI Generator mode:
|
|
120
127
|
|
|
121
|
-
1.
|
|
128
|
+
1. Open the AI chat interface in your IDE—Start a new chat session to begin interacting with the Agentic UI Generator.
|
|
129
|
+
1. Start your prompt with `#kendo_ui_generator` (the main MCP tool to start the agentic workflow in the Agentic UI Generator).
|
|
122
130
|
1. This will trigger an agentic workflow using the other available MCP tools to retrieve relevant context based on your prompt.
|
|
123
131
|
1. Inspect the output and verify that the Kendo UI for Angular MCP Server is used. Look for a statement in the output, which is similar to:
|
|
124
132
|
* `Running kendo-angular-mcp-server` (in VS Code)
|
|
125
133
|
* `Calling MCP tool kendo-angular-mcp-server` (in Cursor)
|
|
126
|
-
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.
|
|
127
134
|
1. If requested, grant the Kendo UI for Angular MCP server a permission to run for this session, workspace, or always.
|
|
128
135
|
|
|
129
|
-
Also check more useful documentation about how to use the
|
|
130
|
-
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/
|
|
131
|
-
- [
|
|
132
|
-
- [
|
|
136
|
+
Also check more useful documentation about how to use the Agentic UI Generator here:
|
|
137
|
+
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/getting-started)
|
|
138
|
+
- [Use Cases](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/getting-started#use-cases)
|
|
139
|
+
- [Best Practices](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/getting-started#best-practices) for more usage tips.
|
|
140
|
+
- [Prompt Library](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator/prompt-library)
|
|
133
141
|
|
|
134
|
-
###
|
|
142
|
+
### AI Coding Assistant
|
|
135
143
|
|
|
136
|
-
To use the
|
|
144
|
+
To use the AI Coding Assistant mode:
|
|
137
145
|
|
|
138
|
-
1.
|
|
139
|
-
1. Start your prompt with `#kendo_ui_generator` (the main MCP tool to start the agentic workflow in the Agentic UI Generator).
|
|
146
|
+
1. Start your prompt with `#kendo_angular_assistant` (the main MCP tool to start the agentic workflow in the coding agent).
|
|
140
147
|
1. This will trigger an agentic workflow using the other available MCP tools to retrieve relevant context based on your prompt.
|
|
141
148
|
1. Inspect the output and verify that the Kendo UI for Angular MCP Server is used. Look for a statement in the output, which is similar to:
|
|
142
149
|
* `Running kendo-angular-mcp-server` (in VS Code)
|
|
143
150
|
* `Calling MCP tool kendo-angular-mcp-server` (in Cursor)
|
|
151
|
+
|
|
152
|
+
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.
|
|
144
153
|
1. If requested, grant the Kendo UI for Angular MCP server a permission to run for this session, workspace, or always.
|
|
145
154
|
|
|
146
|
-
Also check more
|
|
147
|
-
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/
|
|
148
|
-
- [
|
|
149
|
-
- [
|
|
150
|
-
- [Prompt Library](https://www.telerik.com/kendo-angular-ui/components/ai-tools/
|
|
155
|
+
Also check more useful documentation about how to use the AI Coding Assistant here:
|
|
156
|
+
- [Getting Started](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/getting-started)
|
|
157
|
+
- [Use Cases](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/getting-started#use-cases)
|
|
158
|
+
- [Best Practices](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/getting-started#best-practices)
|
|
159
|
+
- [Prompt Library](https://www.telerik.com/kendo-angular-ui/components/ai-tools/ai-assistant/prompt-library)
|
|
151
160
|
|
|
152
161
|
### AI Tools Usage
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
- [
|
|
156
|
-
- [Agentic UI Generator - Usage Limits](https://www.telerik.com/kendo-angular-ui/components/ai-tools/agentic-ui-generator#usage-limits)
|
|
162
|
+
Access to the Kendo UI for Angular AI Tools is determined by your [Telerik license type](https://www.telerik.com/purchase.aspx?filter=web). Each license tier provides different levels of access and functionality:
|
|
163
|
+
- [License Requirements](https://www.telerik.com/kendo-angular-ui/components/ai-tools#license-requirements)
|
|
164
|
+
- [Usage Limits](https://www.telerik.com/kendo-angular-ui/components/ai-tools#usage-limits)
|
|
157
165
|
|