AtomUI MCP Server

English

AtomUI 的 MCP (Model Context Protocol) 服务器 — 基于 Avalonia 的 Ant Design 实现。

为 AI agent 提供查询 AtomUI 控件 API、Design Token 和使用示例的工具。

工具列表

| 工具 | 说明 | |------|------| | list_components | 列出所有可用的 AtomUI 控件，支持按分类筛选 | | get_component | 获取控件详细信息（属性、基类、接口、Token） | | get_theme_tokens | 获取控件的 Design Token（用于主题定制） | | get_usage_example | 获取控件的 XAML 用法示例 | | search_components | 按名称、属性或描述搜索控件 | | get_quick_start | 获取 AtomUI 安装和配置指南 |

配置

在 Claude Code 中配置

在项目的 .claude/settings.json 中添加：

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

在 Cursor / VS Code 中配置

在 MCP 配置中添加：

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

开发

npm install
npm run extract   # 从 AtomUI 源码提取控件数据
npm run build
npm run dev       # 使用 tsx 运行（无需编译）