pda-kit-mcp-server

PDA Kit MCP Server - 让 AI 轻松使用 PDA Kit 设计系统

🚀 零配置快速开始

方式一：npx 直接运行（推荐，无需安装）

Claude Desktop 配置：

{
  "mcpServers": {
    "pda-kit": {
      "command": "npx",
      "args": ["-y", "pda-kit-mcp-server"]
    }
  }
}

Cursor 配置：

{
  "mcpServers": {
    "pda-kit": {
      "command": "npx",
      "args": ["-y", "pda-kit-mcp-server"]
    }
  }
}

Trae 配置：

{
  "mcpServers": {
    "pda-kit": {
      "command": "npx",
      "args": ["-y", "pda-kit-mcp-server"]
    }
  }
}

💡 只需复制上面的配置到 AI 客户端，即可直接使用！

方式二：全局安装

npm install -g pda-kit-mcp-server

配置（使用全局命令）：

{
  "mcpServers": {
    "pda-kit": {
      "command": "pda-kit-mcp-server"
    }
  }
}

💬 使用示例

配置完成后，在 AI 对话中直接使用：

用户：帮我生成一个扫描输入框

AI：[调用 pda-kit/get_component_spec]
    [调用 pda-kit/generate_component]

这是符合 PDA Kit 规范的 ScanInput 组件代码：
...

📦 可用 Tools

| Tool | 功能 | |------|------| | get_component_spec | 获取组件规范文档 | | list_components | 列出所有可用组件 | | search_components | 搜索组件 | | validate_html | 验证 HTML 代码规范 | | generate_component | 生成组件代码 | | get_global_rules | 获取全局约束规则 |

📚 文档

• 完整文档
• 组件规范
• 更新日志

📄 许可证

MIT