归藏 PPT Skill：在 Claude Code 内直接制作令人惊艳的 HTML 幻灯片
你是否曾经想把一篇长文、一份产品分析，甚至一篇个人随笔，变成一套真正设计精良的幻灯片——而无需打开 PowerPoint 与文本框搏斗？有这种想法的不止你一个。这正是 归藏 PPT Skill 要解决的问题。这个开源 Skill 由 AI 思想家归藏创建，并在真实线下演讲中不断打磨，运行于 Claude Code、Codex 及类似的 Agent 环境中，能够生成美观、单文件的 HTML 演示文稿。它也不仅仅是玩具：它内置两套不同的视觉系统、22 种锁定布局、完整的演讲者模式，甚至还有可选的 AI 图像生成功能，用于封面和图表。
为什么用 HTML 而不是 PPTX？
整个项目建立在一个核心判断上：HTML 是 AI Agent 制作幻灯片的理想格式。由于 HTML 和 CSS 是纯文本，Agent 可以直接读取、编辑和验证文件。与 Markdown 幻灯片不同，HTML 提供像素级的布局控制、动画和响应式设计。与 PPTX 不同，最终输出是一个单文件，你可以用任意浏览器打开、演示、截图，或直接发给同事。没有构建步骤，没有服务器，没有依赖地狱。
但最大的优势是质量控制。该 Skill 包含校验脚本，可检查布局溢出、对齐情况，以及图片是否留在预期的卡位内。这意味着 AI 不只是在猜；当 Playwright 可用时，它会测量实际渲染结果。
两套视觉风格，适配不同故事
该 Skill 自带两套风格系统。风格 A 名为“电子杂志 × 电子墨水”。可以把它想象成 Monocle 杂志与极简代码美学的结合。它非常适合叙事、观点、个人分享，以及任何重视个性的内容。有十种灵活布局，用于章节开页、数据陈述页、图片网格、流程图示和对比页面。你可以在五种墨水系主题之间选择：经典墨、青花瓷、森林墨、牛皮纸和沙丘。
风格 B 则走向另一条路线：瑞士国际主义风格。它强调严格的网格、一种高饱和度的锚定色、直角、细线规则，以及戏剧化的字号层级。这一风格为事实、产品、分析和方法论而设计。它有 22 种锁定布局，从封面、陈述页到 KPI 塔、循环图、双项对比和结尾宣言。提供四种锚定色主题：克莱因蓝、柠檬黄、柠檬绿和安全橙。如果你要求一套瑞士风幻灯片但没有指定颜色，Agent 默认会推荐克莱因蓝。
这种双系统意味着你不需要每次都重新发明设计轮子。你只说出想要的风格基调，该 Skill 就会坚持统一的美学体系——包括类似 禁止自定义十六进制色值 的严格规则，因为保护设计感比放任任何人随意配色更重要。
30 秒快速上手
安装出奇地简单。推荐的一行命令是：
如果你希望完全交给 AI，请将下面这行粘贴到 Claude Code、Cursor，或任何有 shell 访问权限的 Agent 中：
帮我安装 guizang-ppt-skill。请把 https://github.com/op7418/guizang-ppt-skill 克隆到 ~/.claude/skills/guizang-ppt-skill,安装完成后检查 SKILL.md、assets/、references/ 是否存在。
手动安装则只需运行：
安装完成后，当你提出类似请求时，该 Skill 会自动触发：
真实工作流长什么样
真正的魔法在于，该 Skill 是一个结构化的工作流，而不是一句模糊的提示。当你要求制作幻灯片时，Agent 会走多个步骤：选择风格、通过七个问题清单澄清需求、从 assets/template.html 或 assets/template-swiss.html 复制正确的模板、按节奏表填充内容、按需生成图像、创建演讲者备注、运行校验，并在浏览器中预览最终文件。
一个典型的请求可能是：“帮我把这个产品分析文档做成电子杂志风 PPT，重点突出观点和叙事节奏。” Agent 随后会用杂志模板生成一份单文件 HTML 幻灯片，其中内置页面转场、主题色、演讲者备注和演示者运行时。
真正实用的演讲者模式
一个超出预期的深层功能是内置的演讲者模式。点击右下角的 P，幻灯片会打开一个专用的演讲者视图，同时在另一个标签页显示简洁的观众窗口。你可以看到当前页与下一页的实时 16:9 预览、带有目的和要点的结构化备注、已用时间和整体节奏的计时器，以及一个在本地记录每页实际耗时的排练模式。还有激光笔、画笔高亮、一键黑屏/白屏等实用工具。哪怕断网，这些都不会失效——它们全部基于本地 HTML 和浏览器 API，而不是云服务。
AI 生成图片与封面图
在 Codex 中，该 Skill 可以调用 GPT-Image 2.0 / GPT-M 2.0，生成纪实风格照片、信息图、流程图、系统架构图和 UI 原型。关键规则是：图片是内嵌素材，而不是独立海报——所以它们不应该自带页脚、标题或装饰边框。该 Skill 还懂得借助内置背景库，把凌乱的截图重做成整洁的演示素材；当你需要风格统一又不想逐页手工重做时，这一点能救命。
除了幻灯片，同一视觉系统还能延伸到社交媒体封面。你可以生成 21:9 的微信公众号头图、1:1 的分享图、3:4 的小红书封面，或 16:9 的横版视频封面——全部与幻灯片的主题色和字体风格保持一致。
何时使用（以及何时别用）
归藏 PPT Skill 在线下演讲、内部演示、AI 产品发布、Demo Day，以及任何带有强烈个人风格的口头分享中表现出色。它不适合数据密集的表格型仪表盘、培训课件，或需要大量实时协作的幻灯片，因为它的设计本身就是输出静态 HTML 文件。
该项目的设计哲学令人耳目一新：克制优于炫技，结构优于装饰，图片是一等公民，并拥有稳定的宽高比。如果你的设备运行吃力，可以按 B 键禁用 WebGL/canvas 动画，进入低负载静态模式。
下一步怎么走
归藏 PPT Skill 是一个开源项目，有着活跃的路线图，包括更多案例研究、更多瑞士风格校验规则以及更完整的封面尺寸规范。如果你曾希望 AI 助手直接把幻灯片做出来，那么今天就可以试试这个可靠工具。用上面的 npx 命令完成安装，给 Agent 一篇文章，然后看着它生成一套打磨精美的 HTML 幻灯片，直接从浏览器开始演示。