Claude 做 PPT 最好用 HTML 做中间格式？这个 Skill 把这玩法玩明白了

说个暴论：AI 做 PPT，HTML 才是yyds。

不是标题党。宝玉（@dotey）做过两个热门的 PPT Skill，他在推特上分享了一个反直觉但极其有说服力的结论：

要设计效果好还要方便编辑，HTML + CSS 是最佳中间格式。

原因很直接——AI 不擅长自己造一套中间格式，它训练见过的样本是网页，所以用 HTML 做设计产出最漂亮。你想让 AI 设计好看的 PPT，用 HTML 来承载就行。

那怎么落地？答案就是今天要推荐的这个 Skill——baoyu-design。

它是什么

baoyu-design 是宝玉把 Claude Design（claude.ai/design 的设计引擎）打包成的一个本地 Agent Skill。只要你本地装了 Cursor、Claude Code、Codex 或任何支持文件的 AI 编程工具，装上这个 Skill，就能直接调用完整的设计流程：

• 高保真 UI 界面 / 交互原型 / 线框图
• Landing Page / 社媒图 / HTML 邮件
• PPT 幻灯片（带原生动画，可导出 PPTX）

最骚的是：做好的 PPT 导出成 PPTX 之后，动画全部保留！不是截图，是原生 PowerPoint 动画，点进去 Animation Pane 都能看到、随便调。

怎么做 PPT

全程不用离开你的编辑器。举个例子：

npx skills add JimLiu/baoyu-design

然后直接跟 AI 说：

“做一个 10 页的幻灯片，讲清楚我们的产品 PRD，动画要 point by point 出现”

AI 会：
1. 用 HTML 搭好整个 deck，带 data-anim 属性控制每页动画
2. 实时预览，你可以指着某个元素说”这个字体再大一点”
3. 说”导出成 PPTX”，它自动调用 gen_pptx 工具，把 HTML 渲染成原生 PowerPoint

导出后的 PPTX 在 PowerPoint / WPS / Keynote 里都能直接改文字、换配色、删动画，保留原始效果。

为什么值得试

• 效果真的好看：Claude Opus 4.8 配合 baoyu-design 产出的设计，和 claude.ai/design 网站几乎没差距
• 完全本地：文件存在你的 repo 里，不上云、不订阅
• 可迭代：对着预览页指着改，比在 PowerPoint 里来回拖框爽太多
• 支持 Figma 导入：有现成的 .fig 文件？直接丢给它，Skill 会离线解码、抽组件和设计系统

怎么装

# 推荐方式：一条命令装进 Claude Code / Cursor / Codex
npx skills add JimLiu/baoyu-design

# 或者直接粘贴 GitHub 链接让 AI 自己读

支持 70+ 主流 AI 编程工具，Claude Code、Cursor、Codex 都是一等公民。

GitHub：https://github.com/JimLiu/baoyu-design
⭐ 3.4k stars · MIT 协议

GitHub: https://github.com/JimLiu/baoyu-design