🔥 Guizang PPT Skill：8.9k Stars 的 AI Agent 网页 PPT 技能，一句话生成杂志级幻灯片 > 项目地址：[op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) | ⭐ 8,977 Stars | 🛠 HTML | 作者 歸藏 --- 老实说，让 AI Agent 写 PPT 这件事我一直不太信任。大多数生成结果是「满屏花里胡哨但毫无设计感」——阴影叠阴影、字体用 5 种、颜色自由奔放。直到看到歸藏这个 Skill，想法变了。 **Guizang PPT Skill** 是一个专为 Claude Code / Codex 等 AI Agent 设计的网页 PPT 技能，核心输出是**单文件 HTML 横向翻页 PPT**。装了它，你跟 Agent 说一句「帮我把这篇 Markdown 做成杂志风 PPT」，它就能给你一份可以直接浏览器打开演示的 HTML Deck。 ## 🖋 双视觉系统：两种完全不同的设计语言 这 Skill 内建两套视觉系统，不是「换个颜色」那么简单，是整套版式逻辑重新来过。 **Style A：电子杂志风** — 像《Monocle》贴上了代码。适合叙事、观点、个人风格表达。5 套电子墨水主题色（墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘），每套只有 6 个 CSS 变量。 **Style B：瑞士国际主义** — 网格至上，直角色块，1px 发丝线，无阴影无圆角。22 种锁定版式（Cover、KPI Tower、Loop Diagram、Duo Compare…），每页只能从这 22 个里选，不能临时发明页面结构。4 套锚点色：克莱因蓝、柠檬黄、柠檬绿、安全橙。 ``` Style B 瑞士风默认推荐克莱因蓝 IKB 你只需要说「做一份瑞士风 PPT」，它自己会处理版式选择 ``` ## ⚡ 一条命令安装 ```bash npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill ``` 装好了直接对 Agent 说： > 帮我基于这篇文章做一份瑞士风 PPT，控制在 7 页左右，需要 2-3 张配图。 Agent 会自动走完整工作流——选风格、做需求澄清、拷贝模板、填充内容、可选配图、自检 checklist、预览迭代。 ## 🖼 不只是 PPT：配图 + 多平台封面 Codex 环境下，完成 deck 初稿后 Agent 会主动问你需不需要配图。支持的类型包括： - 人文纪实照片（富士/徕卡风格） - 信息图 / 流程图 / 对比图 - 截图再设计（统一成 PPT 比例） - 数据大字报 / 图表 还能基于同一份内容生成多平台封面：公众号 21:9 头图、1:1 分享卡、小红书 3:4 封面、视频号横版。 ## 🛠 质量控制：瑞士风有脚本校验 瑞士风模式下，可以用这个命令拦住排版问题： ```bash node scripts/validate-swiss-deck.mjs path/to/index.html ``` 它会检查版式、图片槽位、标题对齐、危险 SVG 等问题。P0 级必须全过才能交付。 ## ✅ 核心要点 - **双视觉系统** — 电子杂志风讲故事，瑞士风讲事实，各有 4-5 套预设主题色 - **单文件 HTML** — 不用构建、不用服务器，浏览器直接打开，按键盘左右键翻页 - **适合 AI Agent 工作流** — HTML/CSS 是文本，Agent 能直接读、改、验证 - **一体搞定 PPT + 配图 + 封面** — 同一套视觉规则覆盖所有输出 - **不完美** — 不支持导出 PPTX、不适合大段表格数据、不推荐普通 Chatbot 使用