Arco Design Mobile MCP

基于 Model Context Protocol (MCP) 提供 Arco Design Mobile 组件库文档查询能力。

介绍

Arco Design Mobile MCP 是一项独立的 MCP 服务，旨在将 Arco Design Mobile 与大模型连接起来。它使大模型能够直接从文档中检索组件、API数据。

• 直接使用 npx 运行
• 无需外部依赖，只需要 Node 环境

安装

npm install -g @fjyueke/arco-mcp

使用

Cursor 用法

{
  "mcpServers": {
    "@fjyueke/arco-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@fjyueke/arco-mcp"
      ],
      "env": {}
    }
  }
}

工具接口

| 工具名 | 功能 | |--------|------| | list-components | 列出所有组件 | | get-component-docs | 获取组件详细文档 | | get-component-props | 获取组件属性和 API | | list-component-example | 获取组件示例代码 |

同步组件文档

npm run sync

构建

npm run build

发布

npm publish --access public

配置

配置文件位于 src/config.ts：

{
  paths: {
    dataDir: "metaData",
    componentsDir: "metaData/components",
    componentsIndexPath: "metaData/components-index.json"
  },
  server: {
    name: "arco-mcp",
    version: "1.0.0",
    description: "Provides documentation, examples for Arco Design Mobile components"
  }
}

License

MIT