用归藏 PPT Skill 生成精致的网页幻灯片

大多数 AI 生成的幻灯片千篇一律。归藏 PPT Skill 产出单文件 HTML 幻灯片，内置两套经过设计的视觉系统——电子杂志风与瑞士国际主义风——外加 AI 配图、多平台封面，以及在任何浏览器里用方向键就能放映的演示运行时。

为什么这个 Skill 重要

它聚焦一个窄问题：带强烈个人或品牌风格的演讲。不是扁平模板，而是一套结构化工作流，带两套版式系统：

• Style A（电子杂志风） —— 10 种页面布局骨架：封面、章节、数据大字报、图文、图片网格、Pipeline、对比等
• Style B（瑞士国际主义风） —— 22 种锁定版式（S01-S22），16 列网格、发丝线、严格的字号规则

两者输出相同：一个 index.html，浏览器直接打开。无需构建、无需服务器、无需导出流程。Agent 能直接读、改、验证 HTML/CSS，这也是这种格式适合反复迭代生成的原因。

安装

和其他 Claude Code Skill 一样，用 skills CLI 安装：

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

或者手动安装：

git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill

验证安装——目录里应有 SKILL.md、assets/、references/：

ls ~/.claude/skills/guizang-ppt-skill/

Claude Code 会在下次会话自动发现该 Skill。之后在 Skill 目录里 git pull 即可更新。

实战：把文章做成瑞士风 PPT

这个 Skill 跑的是结构化工作流，不是一句提示词。给它一篇源文档和一个风格要求：

帮我把这篇文章做成瑞士风 PPT，8 页左右，配 3 张图，
图片比例跟模板槽位匹配。

Agent 会逐步走流程：

1. 选风格 —— Style A 杂志风或 Style B 瑞士风
2. 需求澄清 —— 7 问清单：受众、时长、素材、配图需求、主题色、硬约束
3. 拷贝模板 —— Style A 用 assets/template.html，Style B 用 assets/template-swiss.html
4. 填充内容 —— 先做主题节奏表，再从布局骨架里挑、粘、改文案
5. 可选配图 —— 在 Codex 中询问是否用 GPT-Image 2.0 / GPT-M 2.0 生成配图
6. 自检 —— 对照质量清单（references/checklist.md）；瑞士风还要跑版式校验器
7. 预览 —— 浏览器直接打开
8. 迭代 —— 内联调整字号、高度、间距

Style B 严格守版式。正文页只能从 22 种具名版式中选，Agent 不能临时发明页面结构。校验脚本会拦住居中标题、实验版式、图片脱离槽位等问题：

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

装了 Playwright 时，校验器还会量化真实渲染后的溢出、底部留白与标题间距。

实战：生成多平台封面

同一套视觉规则产出封面，让 PPT 与社交图片风格一致：

基于这份 PPT 的核心观点，做两张封面：
公众号 21:9 头图和 1:1 分享卡，视觉保持一致。

支持的封面规格包括：公众号 21:9 头图、1:1 分享卡、小红书 3:4、视频号横版。

挑选主题

主题色只能用预设——Skill 不允许自定义 hex 值，这是对美学体系的保护。

Style A 主题：

Style B 锚点色：

说"瑞士风 PPT"但没指定颜色时，默认推荐克莱因蓝 IKB。

演示运行时

演示文稿是单文件 HTML，自带运行时：

• 方向键、滚轮、触屏滑动或底部圆点翻页
• ESC 查看索引视图
• 按 B 切换到低性能静态模式——WebGL 与 canvas 动画退回静态背景，适合弱机器或投影

技巧

• 先说风格。 "杂志风"和"瑞士风"产出完全不同的 PPT。都不说时 Agent 会问哪种风格适合你的内容。
• 给出页数。 演讲 PPT 6-10 页最合适。说"8 页左右"，Agent 会先做节奏表。
• 认真回答 7 问。 受众与时长会改变版式选择。
• 配图必须进槽位。 Style B 里图片进入预留的 data-image-slot 区域，按 21:9 或 16:10 生成，别用任意尺寸。
• 瑞士风跑一遍校验。 validate-swiss-deck.mjs 在演示前拦下版式漂移。

何时不用这个 Skill

密集表格或数据型课件不合适——版式更偏爱叙事与观点页，信息密度有限。它也是静态 HTML 输出，不适合多人协作编辑，每次修改都要经过 Agent。

更多创意与开发工具类 Skill 见 SkillMap 排行榜。