AI导哈

Kendo UI Angular文档MCP服务器

一个免费开源的模型上下文协议(MCP)服务器，用于从Kendo UI Angular文档中浏览、搜索和提取代码示例，支持AI助手集成。

  • by EremesNG
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 EremesNG/kendo-angular-unofficial-mcp

使用说明

Angular的Kendo UI-非官方MCP服务器

免费、开源 模型上下文协议（MCP） 允许AI助手（如Claude、Roo Code和Cline）直接从公众中浏览、搜索和提取代码示例的服务器 用于Angular文档的Kendo UI.

该项目是官方高级MCP的社区驱动、可访问的替代方案，使开发人员能够利用Kendo UI的LLM功能，而无需订阅文档集成。

特性

  • 🚀 零配置： 通过标准输入/输出工作(stdio)，这意味着不需要网络端口或复杂的设置。

  • 🧠 极度优化的代币： 采用先进的树分组算法来压缩组件索引。演示中的共享数据文件会自动截断为类型定义+单个示例记录，最多可减少令牌消耗 91% 与原始产量相比。

  • 🔬 基于AST的解析： 直接从Gatsby的 page-data.json AST而不是抓取渲染的HTML。这产生了更清晰的Markdown，消除了CSS选择器的脆弱性，并显著减少了获取负载。如果AST不可用，则使用Cheerio进行HTML抓取。

  • 💻 实时演示代码提取： 自动发现嵌入在文档页面中的演示示例并公开其源代码。AI可以从任何记录的功能中获取真实的、可运行的Angular代码。

  • ⚡ 内存缓存： 通过将提取的文档缓存24小时来防止速率限制并加快AI响应。

  • 🛡️ 类型安全： 采用最新高端设计 @modelcontextprotocol/sdk 和 zod 用于严格的参数验证。

可用工具

该服务器向AI提供了五种专用工具：

  1. list_kendo_components --列出所有可用的剑道角度组件（例如，网格、按钮、下拉菜单）。

  2. list_component_topics --给定一个组件ID，检索其文档索引/主题（例如，数据绑定、过滤、编辑）。过滤掉深层API引用以保持上下文干净。

  3. list_component_api -检索组件的深层API引用： @Input(), @Output()、类、指令和接口。

  4. read_kendo_doc --阅读一篇特定的文档文章，并将其作为干净的Markdown返回。最后包括可用演示示例的列表，可以通过以下方式获取 read_demo_source.

  5. 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代码，您可以轻松添加此服务器：

  1. 打开命令选项板(Ctrl + Shift + P 或 Cmd + Shift + P).

  2. 搜索 Cline: MCP Servers （或您的扩展名的等效项）打开 cline_mcp_settings.json 文件。

  3. 添加以下配置：

{
  "mcpServers": {
    "kendo-angular-unofficial": {
      "command": "npx",
      "args": [
        "-y",
        "kendo-angular-unofficial-mcp"
      ]
    }
  }
}

本地开发与安装

如果你想贡献，修改抓取逻辑，或者从源代码本地运行它：

  1. 克隆存储库：

    git clone https://github.com/EremesNG/kendo-angular-unofficial-mcp.git
cd kendo-angular-unofficial-mcp

  2. 安装依赖项：

    npm install

  3. 构建TypeScript代码：

    npm run build

  4. 将本地构建连接到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属性可用于 <kendo-grid-column> 组件。"

  • “阅读网格过滤文档并获取演示源代码，这样我就可以看到一个工作示例。”

免责声明

这是一个非官方的、由社区驱动的项目。它是 不 与Progress Software Corporation有关联、由其背书或赞助。Kendo UI和Telerik是Progress Software Corporation的商标。该工具仅出于教育和发展目的从网络上提取公开信息。

相关 MCP