产品简介
baoyu-design 是一款本地 AI 设计工具，可将 Claude Design 作为代理技能运行，用于创建 UI 模型、交互原型、幻灯片等，输出自包含 HTML 文件。无需访问网站或额外订阅，适合使用本地代理的开发者和设计师，实现快速设计迭代和版本控制。
核心功能
- 高保真 UI 设计
- 交互原型制作
- 线框图生成
- 幻灯片创建
- 设计系统管理
快速开始
- 安装 Node.js 并设置本地代理如 Cursor 或 Claude Code
- 运行命令 npx skills add JimLiu/baoyu-design 安装技能
- 在代理中输入设计提示，生成 HTML 设计作品
界面预览
与其他方案对比
| 对比项 | baoyu-design | 同类方案 |
|---|---|---|
| 运行环境 | 本地运行，无需网络访问网站 | 需要访问 claude.ai/design 网站 |
| 输出格式 | 自包含 HTML，可版本控制 | 可能依赖云端存储 |
适合谁用
- 使用 Cursor 或 Claude Code 等本地代理的前端开发者
- 需要快速生成 UI 原型和线框图的设计师
- 希望本地管理设计资产的产品经理
下载与版本
当前最新版本为 v1.1.1，发布于 2026-06-22。支持 Windows、macOS、Linux。点击页面「下载软件」按钮即可下载打包好的版本，根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/JimLiu/baoyu-design