hui-compact-mcp

HUI 组件紧凑版 MCP Server — 代理标准版 HUI MCP + 提供紧凑尺寸专用工具（24px 基准）。

ZCode 配置（stdio，自动拉起，推荐）

{
  "mcp": {
    "servers": {
      "hui-compact": {
        "type": "stdio",
        "command": "npx",
        "args": ["-y", "hui-compact-mcp", "--stdio"]
      }
    }
  }
}

Trae / Cursor 配置（HTTP，需手动启动）

先启动服务（保持终端开启）：

npx hui-compact-mcp

然后配置：

{
  "mcpServers": {
    "hui-compact": {
      "url": "http://localhost:3300/mcp"
    }
  }
}

全局安装

npm install -g hui-compact-mcp
hui-compact-mcp --stdio     # stdio 模式
hui-compact-mcp             # HTTP 模式 (端口 3300)

提供的工具

| 工具 | 类型 | 说明 | |------|------|------| | get-compact-design-tokens | 紧凑专用 | 全局 Design Token（24px/12px/2px） | | get-compact-sizing-map | 紧凑专用 | 按组件查紧凑尺寸 | | get-compact-vs-standard | 紧凑专用 | 标准版(32px) vs 紧凑版(24px) 对照 | | compact-doc-get-components-list | 标准文档 | HUI 组件列表 | | compact-doc-get-base-component | 标准文档 | 基础组件文档 | | compact-doc-get-extend-component | 标准文档 | 扩展组件文档 | | compact-doc-get-component-versions | 标准文档 | 组件版本列表 | | compact-doc-get-release-notes | 标准文档 | 发布日志 |

环境变量

| 变量 | 说明 | 默认 | |------|------|------| | PORT | 服务端口 | 3300 | | HUI_PROXY | 是否启用标准版代理 | true（设为 false 关闭） |