Appearance
开源一个 PPT Skill：歸藏压进了 10 年设计经验
简要结论
歸藏（@op7418）开源了一个适配 Claude Code / Codex 等 Agent 环境的 网页 PPT Skill，将 10 年的线下分享设计经验浓缩进一个可复用的技能包。只需一句话，AI 就能生成单文件 HTML 横向翻页 PPT，并支持封面制作和 AI 配图。
仓库地址： github.com/op7418/guizang-ppt-skill
核心亮点
两套视觉系统
Skill 内置两套完整的美学体系，不是"换 CSS"，而是完全不同的设计语言：
Style A · 电子杂志风
- 像 Monocle 杂志贴上了代码
- 5 套电子墨水主题色预设（墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘）
- 10 种页面布局（封面、章节、数据大字报、图文、Pipeline、对比等）
- 适合叙事、观点、分享、个人风格表达
Style B · 瑞士国际主义（新增）
- 网格至上、直角、发丝线、无阴影、无渐变、无圆角
- 4 套高饱和锚点色（克莱因蓝 IKB、柠檬黄、柠檬绿、安全橙）
- 22 个锁定版式（S01-S22），只能从中选择，不能临时发明
- 16 列网格锁定 + 强校验脚本
- 适合数据、事实、产品、方法论表达
横向翻页交互
- 键盘 ← → / 滚轮 / 触屏滑动 / 底部圆点导航
- 按
ESC显示页面索引 - 按
B关闭 WebGL 动画，切换低性能静态模式
Codex 配图能力
在 Codex 环境中，可以利用 GPT-Image 2.0 生成以下类型配图：
| 类型 | 说明 |
|---|---|
| 人文纪实照片 | 富士/徕卡感真实场景 |
| 信息图/流程图 | 解释概念和逻辑 |
| 截图再设计 | 统一截图比例和视觉密度 |
| 数据大字报 | 关键数字视觉化 |
| 多图拼贴 | 极宽图片槽位专用 |
多平台封面生成
同一套视觉规则可生成多种规格封面：
- 公众号头图（21:9）
- 公众号分享卡（1:1）
- 小红书封面/轮播（3:4）
- 视频号横版封面（16:9）
安装方式
一行命令（推荐）
bash
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill手动克隆
bash
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill触发关键词
安装后，以下说法均会自动触发此 Skill：
- "帮我做一份杂志风 PPT"
- "帮我做一份瑞士风 PPT"
- "生成一个 horizontal swipe deck"
- "基于这篇文章做一张公众号封面"
适用场景
适合： 线下分享、行业内部讲话、AI 产品发布、Demo Day、带个人风格的演讲
不适合： 大段表格数据、培训课件（信息密度不够）、需多人协作编辑（静态 HTML）
核心设计原则
- 克制优于炫技 — WebGL 背景仅在 hero 页透出
- 结构优于装饰 — 信息靠字号+字体对比+网格留白
- 图片是第一公民 — 比例稳定、对齐正文内容区
- 低性能可退场 — 按
B切换静态模式 - 不允许自定义颜色 — 主题色只能从预设中选择
- 瑞士风必须守版式 — 22 个版式锁定，不可发明新页面结构
相关资源
- GitHub 仓库
- 歸藏的 X (Twitter)
- B站原视频
- Monocle 杂志（Style A 视觉参考）
标签
PPT Claude Code Codex Skill Agent 设计 开源 AI工具
来源
B站视频：开源一个 PPT Skill｜压进了我 10 年的设计经验 GitHub：op7418/guizang-ppt-skill