用途:baoyu-design Integration 将 Claude Design(claude.ai/design 背后的设计引擎)打包为可移植的 Agent Skill,让本地智能体产出精致的 UI 稿、交互原型、线框图、落地页、仪表盘、移动应用与幻灯片,全部保存为自包含 HTML。
主要能力:完整设计流程为澄清问题→收集设计上下文→产出 HTML→预览与验证;内置 24 项技能,涵盖高保真设计、交互原型、线框图、幻灯片、移动原型、设计系统,以及 PDF、PPTX、Figma 等导出;支持可视化迭代,在浏览器预览中指向元素描述修改,由智能体编辑源码;输出为 designs/<project>/ 下无外部依赖的独立 HTML。
使用方式:推荐用 npx skills CLI 安装,如 npx skills add JimLiu/baoyu-design(当前项目)、加 -g 全局、用 --agent claude-code|cursor|codex 指定智能体;也可手动克隆后复制 skills/baoyu-design 到对应 skills 目录。可用自然语言触发,Claude Code 中为 /baoyu-design,Codex 中为 $baoyu-design。预览服务器示例:python3 -m http.server 4311 --directory designs。
适用场景:品牌一致的落地页、移动应用原型、路演幻灯片、设计系统组件库等。
限制:资料称搭配 Claude Opus 4.8 效果最佳;未提供收费、价格、套餐与准确性数据,暂未提供。