baoyu-design

项目简介

baoyu-design 将 Claude Design 打包成可移植的 Agent Skill，供具备文件能力的本地编码代理使用。它支持 Cursor、Claude Code、Claude Desktop 与 Codex 等环境，生成自包含 HTML 设计产物，并让产物保留在仓库中。技能会先澄清问题、收集设计上下文，再产出并预览 HTML。

核心功能

• 可在 Cursor、Claude Code、Claude Desktop 和 Codex 等本地代理中运行 Claude Design。可产出 UI 模型、交互原型、线框图、落地页、仪表盘、移动应用和幻灯片等自包含 HTML。内置技能覆盖核心设计、幻灯片、移动与动效、网页与营销、数据与研究、文档、3D、插画、设计系统、导入导出和 AI 素材。附带设备、浏览器、社交媒体外壳、设计画布、幻灯片、动画、图表、文档、文件和 3D 舞台等起始组件。支持从 Figma .fig 文件离线解码、GitHub 仓库和现有 HTML/CSS 导入设计系统。可导出独立

适用场景

• 为产品界面制作高保真 UI 变体、交互原型和线框图。制作带演讲者备注和逐元素动画的幻灯片，并导出到 PowerPoint。把 Figma .fig 套件、GitHub 仓库或现有 HTML/CSS 转为可复用设计系统。基于本地产物构建数据仪表盘或移动应用原型。

快速开始

• 使用 npx skills add JimLiu/baoyu-design 安装，可指定 Claude Code、Cursor 或 Codex。安装后在对话中描述设计任务，技能会自动激活并询问澄清问题。产物在 designs/ 下生成，可通过代理的浏览器预览或本地 HTTP 服务预览，例如 python3 -m http.server 4311 --directory designs。

部署与要求

• 需要具备文件能力的本地编码代理，如 Cursor、Claude Code、Codex 或其他受支持代理。建议选择 Claude Opus 4.8 以获得最佳结果。运行 npx 安装器需要 Node.js；本地预览服务器可选用 Python 3。多文件原型需要通过 HTTP 预览，不能直接从 file:// 加载。

采用前须知

• 许可证：MIT。在使用、修改或分发项目前，请确认其具体条款。