做 PPT 这件事，终于可以交给 Claude Code 了——guizang-ppt-skill

归藏（@op7418）最近开源了一个叫 guizang-ppt-skill 的 Claude Code Skill，专门做 PPT。你只需要说一句"帮我做一份瑞士风 PPT"，Agent 就会帮你生成一个可以直接在浏览器里打开、左右翻页的单文件 HTML 演示文稿。

拿到手就能直接演示，不用再自己排版。

---

是什么

一句话：一个让 Claude Code / Codex 直接生成网页 PPT 的 Skill。

项目地址：github.com/op7418/guizang-ppt-skill

它的核心交付物是单文件 HTML——不需要构建、不需要服务器、不需要安装任何东西，浏览器直接打开就能演示。支持键盘左右箭头、触屏滑动、ESC 呼出索引、底部圆点导航，一套完整的演示体验。

它的做法是给 AI 一套严格的视觉系统和版式约束，让它在框架内干活。

等于给 Agent 一道填空题——框架定好了，它往里填内容就行。

---

两套视觉系统

这个 Skill 内置了两套风格，覆盖两种完全不同的演示场景。

Style A：电子杂志 × 电子墨水

灵感来自 Monocle 杂志的版式——大面积留白、衬线字体、图文交错、叙事感强。

拿来做什么：个人分享、观点表达、故事性演讲、线下私享会都挺对路。

内置 5 套主题色预设：墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘。颜色只能从预设里选，不能自己填 hex——作者故意这么设计的，自由选色太容易翻车。

10 种页面布局：封面、章节、数据大字报、图文、图片网格、Pipeline、对比等。

Style B：瑞士国际主义

这是后来新增的更严格的主题。灵感来自 Massimo Vignelli 和瑞士国际主义网格系统——16 列 grid、直角色块、1px 发丝线、无阴影、无渐变、无圆角。

适合：产品分析、方法论、数据驱动的内容、AI 产品发布。

22 个锁定版式（S01 到 S22），正文页只能从这些版式里选，不能临时发明。4 套高饱和锚点色：克莱因蓝 IKB、柠檬黄、柠檬绿、安全橙。

瑞士风还带了一个版式校验器，可以用脚本跑一遍检查：

node scripts/validate-swiss-deck.mjs path/to/index.html

能拦住居中标题、实验版式、SVG 内写字、图片脱离槽位等问题。换句话说，它不只是"好看"，还可验证。

---

安装

一行命令：

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

或者直接把下面这段话丢给 Claude Code：

帮我安装 guizang-ppt-skill。请把 https://github.com/op7418/guizang-ppt-skill 克隆到 ~/.claude/skills/guizang-ppt-skill，安装完成后检查 SKILL.md、assets/、references/ 是否存在。

装完之后，直接对 Agent 说"帮我做一份杂志风 PPT"之类的话就会触发。

---

怎么用

装好之后的工作流是这样的：

1. 选风格 — 杂志风还是瑞士风
2. 需求澄清 — Agent 会问你 7 个问题：风格、受众、时长、素材、图片需求、主题色、硬约束
3. 生成 — Agent 拷贝模板、填充内容、选布局、调文案
4. 可选配图 — 如果你在 Codex 环境里，可以用 GPT-Image 2.0 生成纪实照片、信息图、流程图等
5. 自检 — 对照 checklist.md 跑一遍质量检查
6. 预览 — 浏览器直接打开

实际体验下来，最爽的一点是：你给它一篇长文章或者一份 Markdown 文档，说"帮我做成 8 页左右的瑞士风 PPT"，它会自动提炼核心观点、分配页面节奏、挑选合适的布局，然后直接生成。

你不用管文本框放哪里、字号多少、颜色怎么配——这些都在模板和约束规则里定义好了。

---

为什么是 HTML PPT

传统 PPT 工具（PowerPoint、Keynote、Google Slides）的操作对象是二进制文件，AI Agent 根本没法直接读写。就算生成了 PPTX，你还得打开软件去调。

HTML 不一样——它是纯文本，Agent 能直接读、改、验证。而且：

• 表现力比 Markdown 高得多：可以做精细排版、空间定位、动画、交互
• 交付更轻：单文件，不需要任何软件就能打开
• 更容易做质量控制：可以用脚本校验版式、图片槽位、标题对齐
• 同一套主题能覆盖 PPT、配图、封面，视觉风格一链打通

---

不只是 PPT

这个 Skill 的能力边界比"PPT 工具"更宽：

• 配图生成：在 Codex 环境里，可以用 GPT-Image 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图，按模板比例插入
• 多平台封面：同一份内容可以生成公众号 21:9 头图、1:1 分享卡、小红书 3:4 封面、视频号横版封面
• 截图再设计：把原始截图重新设计成统一风格的 PPT 配图

经常要做线下分享、同时还要发公众号和小红书的人，一套素材多平台复用，省不少事。

---

适合谁

线下分享、行业内部讲话、私享会、AI 产品发布、demo day——这类场景用它最舒服，因为这些场合本来就允许更强的个人风格。

大段表格数据、培训课件就别勉强了，信息密度和协作需求都撑不起来。毕竟它是静态 HTML，没法多人同时编辑。

已经在用 Claude Code 的话，装一个试试的成本几乎为零。下次要做分享，直接说一句"帮我做一份瑞士风 PPT"就行。

---

一些设计细节

翻源码和参考文档的时候，几个地方能看出来作者是认真想过的：

1. 克制优于炫技 — WebGL 背景只在 hero 页透出，不会满屏花哨动画
2. 图片是第一公民 — 图片必须对齐正文内容区，比例稳定，只裁底部，顶部和左右完整
3. 配图只做素材 — 生成图只保留核心内容，不画页脚、标题和角标
4. 低性能可退场 — 按 B 能切换到静态模式，动态效果不成为阅读负担
5. 主题色不允许自定义 — 保护美学比给自由更重要

这些约束让 Agent 的产出稳定可控。真放开了让它自己选色排版，大概率五颜六色没法看。

---

最后

归藏做东西有个特点：只打磨一个刚好够用的工具，每个细节都想清楚了再放出来。

guizang-ppt-skill 就是这个思路的产物——认真的视觉系统 + 严格的版式约束 + Agent 工作流。你给它内容，它给你成品，中间的排版、配色、布局决策全部由预设规则兜底。

如果你已经在用 Claude Code，装一个试试的成本几乎为零。下次要做分享的时候，试试说一句"帮我做一份瑞士风 PPT"，看看 Agent 能给你什么。

项目地址：github.com/op7418/guizang-ppt-skill