本地运行Claude Design，作为代理技能——光标、Claude代码等。制作精致的UI模型、原型、牌组和线框图，作为自成一体的HTML形式，无需 claude.ai/design。
概览
Baoyu-design packages——claude.ai/design 背后的设计引擎——作为一个可移植的 .把它放进本地代理，你就能在编辑器里看到网站大部分功能：精致的界面模型、互动原型、线框图、着陆页、仪表盘、移动应用和幻灯片——所有这些都以自成一体的 HTML 生成。 没有网站，没有单独订阅，没有上传步骤。机器上的代理负责工作，所有伪造品都留在仓库里。 同样的 Reader Mac 应用提示词也被用于 Cursor、Codex、Claude 和 Claude Design。 - 你无需离开编辑器即可获得 claude.ai/design 的绝大部分功能——相同的方法论、相同的工艺标准、相同的输出格式。- 这项技能是一个漫长且要求严格的设计任务;模型越强，结果越好。将其与之配合以获得最佳输出，它在其他具备能力的模型上依然表现良好。
概述（AI 翻译）
在您自己的本地代理上运行Claude Design——Cursor、Claude Code、Claude Desktop或任何支持文件的编码代理。
英语 ·简体中文 ·更新日志
baoyu-design 将 Claude Design——claude.ai/design 的设计引擎——打包成一个可移植的 代理技能。把它放进本地代理，你就能在编辑器里获得网站大部分功能：精致的用户界面模型、互动原型、线框图、落地页、仪表盘、移动应用和幻灯片——全部以自成一体的 HTML 生成。
没有网站，没有单独订阅，没有上传步骤。机器上的代理负责工作，所有伪造品都留在仓库里。
截图
同样的 Reader Mac 应用提示词也被用于 Cursor、Codex、Claude 和 Claude Design。
| 光标 | 法典 | 克劳德 | 克劳德设计 |
|---|---|---|---|
所有截图均使用提示
为什么要本地运营
- 摆脱网站束缚。 你无需离开编辑器即可获得
claude.ai/design绝大多数功能——相同的方法论、相同的工艺标准、相同的输出格式。 - **作品4.8的最佳表现。
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
baoyu-design
https://github.com/user-attachments/assets/d5b4f39b-a701-49de-87b8-64f3c6ef9c61
Run Claude Design on your own local agent — Cursor, Claude Code, Claude Desktop, or any file‑capable coding agent.
baoyu-design packages Claude Design — the design engine behind claude.ai/design — as a portable Agent Skill. Drop it into a local agent and you get most of what the website does, right inside your editor: polished UI mockups, interactive prototypes, wireframes, landing pages, dashboards, mobile apps, and slide decks — all produced as self‑contained HTML.
No website, no separate subscription, no upload step. The agent already on your machine does the work, and every artifact stays in your repo.
Screenshots
The same Reader Mac App prompt was used in Cursor, Codex, Claude, and Claude Design.
| Cursor | Codex | Claude | Claude Design |
|---|---|---|---|
Why run it locally
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add jimliu/baoyu-design