内容
# 克劳德设计微型服务器
一个微小的本地“设计工作室”，允许克劳德代码从命令行界面生成、迭代和截图HTML设计 — — 相当于提示克劳德设计并获得结果，但完全在您的机器上运行。
## 工作原理（以及为什么值得信赖）
- **引擎 = 您本地的 `claude -p`.** 每个设计都是通过调用您已有的克劳德代码命令行界面生成的，使用您现有的订阅。无需API密钥，无需额外计费。
- **不涉及逆向工程.** 它不会调用任何私有的claude.ai端点。桌面“设计”功能只是 `claude.ai/desktop-design` （一个托管的Web应用程序）的窗口；其生成API是内部且未公开的，因此该工具故意不与其交互。
- **可审计.** 一个文件（`server.mjs`），零个npm依赖。每次模型调用 — — 完整的提示 + 系统提示 — — 都会被追加到 `designs/.requests.log`。
- 输出是保存在 `designs/` 下的纯`.html`文件。
## 工具（MCP）
| 工具 | 功能 |
|------|------|
| `design_create` | 简要描述 → 完整的独立HTML |
| `design_iterate` | 精炼已保存的设计（新的版本文件，保留历史） |
| `design_variants` | 为一个简要描述生成N个不同的替代方案 |
| `design_render` | 将设计截图为PNG（使用Playwright） |
| `design_list` / `design_get` | 浏览 / 读取已保存的设计 |
## 立即使用（命令行模式，无需重启）
```bash
node server.mjs create "加密货币交易机器人的现代化仪表盘，黑暗、密集、值得信赖"
node server.mjs iterate mydesign.html "使英雄部分更平静并增加空白"
node server.mjs variants 3 "韩国ADHD友好日记应用程序的着陆页"
node server.mjs render mydesign.html 1440,900
node server.mjs list
```
## 注册为MCP（适用于未来的克劳德代码会话）
```bash
claude mcp add --scope user claude-design -- node "/path/to/claude-design-mcp/server.mjs"
```
MCP服务器在会话开始时加载，因此在添加后重启克劳德代码。然后，`design_create` / `design_iterate` / 等工具可在会话中调用。
## 要求
- Node.js（仅使用内置模块）
- `claude` 命令行界面（引擎）
- `playwright` 命令行界面 — — 仅用于 `design_render` （可选）
## 环境变量覆盖
- `CLAUDE_DESIGN_BIN` — — 克劳德二进制文件的路径（默认为 `claude`）
- `CLAUDE_DESIGN_PLAYWRIGHT` — — Playwright二进制文件的路径（默认为 `playwright`）
