开源MCP工具：MCP/CLI for Claude Design

# 方式一：通过 Claude Code CLI 一键安装
claude skill install https://github.com/pro-vi/designer

# 方式二：手动配置 claude_desktop_config.json
{
  "mcpServers": {
    "--mcp---mcp-cli-for-claude-design": {
      "command": "npx",
      "args": ["-y", "designer"]
    }
  }
}

# 配置文件位置
# macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
# Windows: %APPDATA%/Claude/claude_desktop_config.json

# 安装后在 Claude 对话中直接使用
# 示例：
用户: 请帮我用 开源MCP工具：MCP/CLI for Claude Design 执行以下任务...
Claude: [自动调用 开源MCP工具：MCP/CLI for Claude Design MCP 工具处理请求]

# 查看可用工具列表
# 在 Claude 中输入："列出所有可用的 MCP 工具"

// claude_desktop_config.json 配置示例
{
  "mcpServers": {
    "__mcp___mcp_cli_for_claude_design": {
      "command": "npx",
      "args": ["-y", "designer"],
      "env": {
        // "API_KEY": "your-api-key-here"
      }
    }
  }
}

// 保存后重启 Claude Desktop 生效