Angular的Kendo UI-非官方MCP服务器
免费、开源 模型上下文协议（MCP） 允许AI助手（如Claude、Roo Code和Cline）直接从公众中浏览、搜索和提取代码示例的服务器 用于Angular文档的Kendo UI.
该项目是官方高级MCP的社区驱动、可访问的替代方案，使开发人员能够利用Kendo UI的LLM功能，而无需订阅文档集成。
特性
- 🚀 零配置： 通过标准输入/输出工作(
stdio)，这意味着不需要网络端口或复杂的设置。
- 🧠 极度优化的代币： 采用先进的树分组算法来压缩组件索引。演示中的共享数据文件会自动截断为类型定义+单个示例记录，最多可减少令牌消耗 91% 与原始产量相比。
- 🔬 基于AST的解析： 直接从Gatsby的
page-data.jsonAST而不是抓取渲染的HTML。这产生了更清晰的Markdown，消除了CSS选择器的脆弱性，并显著减少了获取负载。如果AST不可用，则使用Cheerio进行HTML抓取。
- 💻 实时演示代码提取： 自动发现嵌入在文档页面中的演示示例并公开其源代码。AI可以从任何记录的功能中获取真实的、可运行的Angular代码。
- ⚡ 内存缓存： 通过将提取的文档缓存24小时来防止速率限制并加快AI响应。
- 🛡️ 类型安全： 采用最新高端设计
@modelcontextprotocol/sdk和zod用于严格的参数验证。
可用工具
该服务器向AI提供了五种专用工具：
list_kendo_components--列出所有可用的剑道角度组件（例如，网格、按钮、下拉菜单）。
list_component_topics--给定一个组件ID，检索其文档索引/主题（例如，数据绑定、过滤、编辑）。过滤掉深层API引用以保持上下文干净。
list_component_api-检索组件的深层API引用：@Input(),@Output()、类、指令和接口。
read_kendo_doc--阅读一篇特定的文档文章，并将其作为干净的Markdown返回。最后包括可用演示示例的列表，可以通过以下方式获取read_demo_source.
read_demo_source--获取特定演示示例的源代码文件。返回完整的组件代码，并智能地将大型共享数据文件截断为其类型定义+一个示例记录。
使用Claude Desktop
如果你只想使用它，你不需要克隆存储库。你可以直接通过 npx （需要在您的计算机上安装Node.js）。
将以下配置添加到您的Claude Desktop配置文件中：
- 雨衣：
~/Library/Application Support/Claude/claude_desktop_config.json
- 窗户：
%APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"kendo-angular-unofficial": {
"command": "npx",
"args": [
"-y",
"kendo-angular-unofficial-mcp"
]
}
}
}
_注意：更新配置后重新启动Claude Desktop。_
使用VS代码（Cline/Roo代码）
如果你使用的是与MCP兼容的AI扩展的VS Code，比如 克莱恩 或 Roo代码，您可以轻松添加此服务器：
- 打开命令选项板(
Ctrl + Shift + P或Cmd + Shift + P).
- 搜索
Cline: MCP Servers（或您的扩展名的等效项）打开cline_mcp_settings.json文件。
- 添加以下配置：
{
"mcpServers": {
"kendo-angular-unofficial": {
"command": "npx",
"args": [
"-y",
"kendo-angular-unofficial-mcp"
]
}
}
}
本地开发与安装
如果你想贡献，修改抓取逻辑，或者从源代码本地运行它：
- 克隆存储库：
git clone https://github.com/EremesNG/kendo-angular-unofficial-mcp.git
cd kendo-angular-unofficial-mcp
- 安装依赖项：
npm install
- 构建TypeScript代码：
npm run build
- 将本地构建连接到AI客户端： 编辑您的MCP设置文件（Claude Desktop或VS Code）以指向您的本地节点实例。 _注意：如果您使用的是Windows，请记住避开反斜杠（例如。，
C:\\path\\to\\dist\\index.js)._
{
"mcpServers": {
"kendo-angular-local": {
"command": "node",
"args": [
"/absolute/path/to/kendo-angular-unofficial-mcp/dist/index.js"
]
}
}
}
提示示例
连接后，您可以向您的AI助手询问以下问题：
- _“你能查看Kendo UI文档并告诉我有哪些可用组件吗？”_
- _“阅读Kendo Angular Grid excel导出文档，并编写一个实现自定义fetchData回调的组件。”_
- _“使用Kendo API工具检查哪些@Input属性可用于 `` 组件。"_
- _“阅读网格过滤文档并获取演示源代码，这样我就可以看到一个工作示例。”_
免责声明
这是一个非官方的、由社区驱动的项目。它是 不 与Progress Software Corporation有关联、由其背书或赞助。Kendo UI和Telerik是Progress Software Corporation的商标。该工具仅出于教育和发展目的从网络上提取公开信息。