# 安装 app.zaklad/design-system

- 类型: MCP 工具
- 说明: 用 AI 构建设计系统，统一管理令牌、主题、组件、图标与代码资产。

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "app.zaklad/design-system" MCP 服务：
执行：claude mcp add --transport http 'app-zaklad-design-system' 'https://platform.zaklad.app/api/mcp'
```

### Codex
```
请帮我安装 askskill 上的 "app.zaklad/design-system" MCP 服务：
在 ~/.codex/config.toml 中添加：
[mcp_servers.app-zaklad-design-system]
url = "https://platform.zaklad.app/api/mcp"
然后重启 Codex 生效
```

### Cursor
```
请帮我安装 askskill 上的 "app.zaklad/design-system" MCP 服务：
在 .cursor/mcp.json 的 "mcpServers" 中添加：
"app-zaklad-design-system": { "url": "https://platform.zaklad.app/api/mcp" }
然后在 Cursor 设置 > MCP 中启用
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
claude mcp add --transport http 'app-zaklad-design-system' 'https://platform.zaklad.app/api/mcp'
```

### Codex
```bash
codex mcp add 'app-zaklad-design-system' --url 'https://platform.zaklad.app/api/mcp'
```
配置文件 ~/.codex/config.toml：
```toml
[mcp_servers.app-zaklad-design-system]
url = "https://platform.zaklad.app/api/mcp"
```

### Cursor
配置文件 .cursor/mcp.json：
```json
{
  "mcpServers": {
    "app-zaklad-design-system": {
      "url": "https://platform.zaklad.app/api/mcp"
    }
  }
}
```
一键安装：cursor://anysphere.cursor-deeplink/mcp/install?name=app-zaklad-design-system&config=eyJ1cmwiOiJodHRwczovL3BsYXRmb3JtLnpha2xhZC5hcHAvYXBpL21jcCJ9