1 v1.2.1 更新于 2026-11-01

WunderUI MCP Server

面向编程智能体的 WunderUI 设计系统：组件、Props、令牌、规则和技能。

适用客户端

本地客户端

Claude Desktop、Claude Code、Cursor、Cline 等支持本地 MCP 的客户端

本地运行(npm)

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

将上方 JSON 加入 MCP 客户端配置(如 Claude Desktop 的 claude_desktop_config.json 或项目的 .mcp.json)即可接入;远程接入按客户端要求填写 URL 与鉴权头。

list_components

列出组件清单,可按类别、套餐(免费/专业)或关键词过滤

get_component

获取组件的导出、TypeScript 属性签名、导入语句、示例和文档链接

get_tokens

获取明暗主题设计令牌,支持 JSON、CSS 或 Tailwind @theme 形式

get_design_md

获取完整 DESIGN.md 或其中某一章节(rules、donts、tasks、tokens、inventory、reference、templates、starters)

list_templates

列出整页模板及其构成

get_starter

获取可直接复制的 TSX 起始代码,如应用外壳、仪表盘、数据表格、AI 聊天、主题等

get_library_info

获取包名、版本、安装命令、技术栈、数量和数据来源等信息

get_instructions

获取简短的常驻规则(组件、令牌、动效、文案),用于 CLAUDE.md / AGENTS.md

list_skills

列出 WunderUI 的免费和 Pro 智能体技能

get_skill

获取某个技能的指令内容(SKILL.md),Pro 技能需要许可证密钥

get_block_source

获取 UI 区块的 React 源码及其共享辅助函数,需要 Pro 密钥