它提供了一个完全本地、可审计的替代方案，无需逆向工程或额外付费即可实现类似 Claude 托管设计功能的效果。
A tiny, local "design studio" that lets Claude Code generate, iterate on, and screenshot HTML designs from the CLI — the practical equivalent of prompting Claude Design and getting a result back, but fully on your machine.
claude -p. Every design is generated by shelling out
to the Claude Code CLI you already have, using your existing subscription.
No API key. No extra billing.claude.ai/desktop-design
(a hosted web app); its generation API is internal and undocumented, so this
tool deliberately does not touch it.server.mjs), zero npm dependencies. Every model
call — full prompt + system prompt — is appended to designs/.requests.log..html files saved under designs/.| Tool | Does |
|---|---|
design_create | brief → complete self-contained HTML |
design_iterate | refine a saved design (new versioned file, lineage kept) |
design_variants | N distinct alternatives for one brief, in parallel |
design_render | screenshot a design to PNG (Playwright) |
design_list / design_get | browse / read saved designs |
node server.mjs create "modern dashboard for a crypto trading bot, dark, dense, trustworthy"
node server.mjs iterate mydesign.html "make the hero calmer and increase whitespace"
node server.mjs variants 3 "landing page for a Korean ADHD-friendly diary app"
node server.mjs render mydesign.html 1440,900
node server.mjs list
claude mcp add --scope user claude-design -- node "/path/to/claude-design-mcp/server.mjs"
MCP servers load at session start, so restart Claude Code after adding. Then the
design_create / design_iterate / etc. tools are callable in-session.
claude CLI on PATH (the engine)playwright CLI on PATH — only for design_render (optional)CLAUDE_DESIGN_BIN — path to the claude binary (default claude)CLAUDE_DESIGN_PLAYWRIGHT — path to the playwright binary (default playwright)根据分类、Topic 和编程语言匹配的相似项目。
A Remotion-based tool that converts Chinese story text or ordered hand-drawn images into vertical hand-drawn diary-comic animation with handwritten captions, left-to-right reveals, optional page-curl transitions, and silent H.264 output for post-production dubbing.
Clodex is an open-source, local-first agentic IDE that combines persistent AI tasks, code, terminal, browser, Git, models, memory, and governed execution in one Electron workspace, currently in technical preview.
Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.