baoyu-design

适合谁

• 要做汇报、方案、发布会幻灯片的产品、运营和管理者
• 要出界面方向、网页和手机版、可点的交互原型的设计师和产品经理
• 手上有导出数据、想要一页能追溯来源的指标看板的运营和分析同学
• 想先把品牌色、字体和组件定成一套、后面所有作品都照着用的团队

能帮你做什么

• 幻灯片｜claude-slides：按文档制作可编辑演示稿，直接改字、拖动元素、放映；导出 PPTX、PDF 或 HTML；支持本地批注，适合汇报、方案与发布会。
• 设计画布｜claude-design：同一画布并排展示网页、手机等多个画板，播放交互原型；修改文案和参数、添加便签与本地批注；导出 HTML、PDF 或 PNG。
• 数据仪表盘｜claude-dashboard：将 CSV / TSV / JSON 制成指标卡、图表、表格与筛选；Sources 面板追溯原始数据行及计算，替换数据后重新计算，适合经营与运营分析。
• 设计系统：统一品牌色、字体、间距与组件，供幻灯片和设计画布复用，支持本地批注。
• dataviz：辅助选择图表、组织视觉层次与叙事；保留经典单个 HTML 界面、原型和线框图工作流。

交付成果

• 可继续编辑的项目目录（幻灯片 deck.json + 每页 HTML；画布 canvas.json + 画板文件；仪表盘的数据集与页面）
• 按需导出的 PPTX / PDF / 网页 / PNG
• 一段简短的使用说明：编辑器怎么打开、改完怎么导出

交办前请准备

• 要做幻灯片、设计画布还是数据仪表盘
• 内容和给谁看（会议、客户、内部评审……）
• 做仪表盘时：数据文件（CSV / TSV / JSON），以及要看哪几个指标

有这些材料会更好

• 品牌规范或已有设计系统
• 参考截图、已有 PRD 或文档
• 页数、屏幕尺寸、要几个方案

如何开展工作

1. 确认作品类型、受众、材料与品牌；已给出的信息直接采用。
2. 准备固定上游 2.1.0 的完整资源，逐文件核验 SHA-256。
3. 按对应项目格式制作，运行该工作流的校验。
4. 在接活电脑启动编辑器，放入会话右侧「工作台」。
5. 你在编辑器里修改，或继续聊天提要求；AI 每轮先重读项目文件，按需处理本地批注。
6. 交回可编辑项目、使用说明及所需的 PPTX / PDF / HTML / PNG 导出件。

可以这样交办

运行条件

• AI 基座需要文件读写、命令执行、技能加载和浏览器预览能力；可适配 Claude Code、Codex 等，作品质量取决于模型与上下文。
• 接活电脑需要 Node 20+；数据仪表盘需要 Node 22+。首次需访问 GitHub，推荐 Git；随包预构建编辑器不需要 Python 或 npm 安装。
• 要在会话右侧直接使用编辑器，请在接活的同一台电脑用 Chrome / Edge 打开 FDELINK，并按浏览器提示允许本地网络访问；其他设备使用导出件。
• 无需 Claude Design 网站订阅；所选 AI 基座、模型及可选外部服务仍可能计费。

能力边界

• 本地编辑器仅监听接活电脑的 127.0.0.1，不提供跨设备的实时云编辑链接。
• Dashboard 本地版没有在线连接器、实时查询、定时刷新、多人权限与云分享；使用用户文件或已授权导出，更新数据需要重新导入。
• 仪表盘数字必须来自数据集或明确计算，模拟数据明确标注；分享项目目录会包含原始数据，按授权交付。
• 本地批注支持幻灯片、设计画布和设计系统，由当前运行的 AI 读取处理；Dashboard 不支持该批注，不承诺任务结束后持续监听。
• 不承诺任意模型、任意宿主都达到相同效果；原型不自动具备真实后端、登录或多人同步，对外发布、付费与发送按用户授权执行。

已验证范围与使用提醒

• 本次上游 2.1.0：六个完整技能目录及根文档共 307 文件，固定提交 c15e76ef5134228d2bb5da35652d30d7d6b8a34d，SHA-256 全部一致。
• 本次运行上游自动测试：97 项通过、0 项失败；幻灯片、设计画布、数据仪表盘三个样例项目的 CLI 校验均为 0 问题。
• 历史 2.0 版已在 MacBook Pro / Claude Code 验证会话右侧工作台、编辑回写和文件变更后刷新；这是历史验证，不代表新版全部交互均已验收。
• 2.1 新增本地批注、Google Fonts 嵌入及导出交互尚未逐项完成浏览器验收；Windows、Safari、Gemini CLI 等宿主未实测。
• 来源：JimLiu/baoyu-design，原作者 Jim Liu 宝玉，MIT；当前发布包使用 2.1.0，详情旧来源链接的 2.0.3 标签仅为历史版本记录。