guizang-ppt-skill：让 Claude 一键生成专业级 HTML 演示文稿的视觉 Skill

guizang-ppt-skill 是一个专为 Claude Code / Codex 等 AI Agent 环境设计的网页 PPT 生成 Skill，核心交付物是单文件 HTML 横向翻页 PPT，同时支持 PPT 配图和多平台封面生成。开发者是有着十年设计经验的 歸藏（GitHub @op7418），项目融合了电子杂志风与瑞士国际主义两套视觉系统，并内置完整的演讲者模式和排练功能。截至 2026-08-17，该项目在两周内狂拦 24,170 颗 Stars、1,730 次 Fork，堪称 2026 年 Claude Code Skill 生态里最炙手可热的视觉生产力工具。

功能与原则

guizang-ppt-skill 的设计原则是「让 AI 直接生成可演示的 HTML PPT」，而非导出静态图片或依赖第三方编辑工具。它的核心能力包括：

• 双视觉系统：Style A「电子杂志 × 电子墨水」适合叙事与观点表达；Style B「瑞士国际主义」适合事实、产品与数据驱动内容
• 单文件 HTML 交付：无需构建、无需服务器，浏览器直接打开即可演示
• 多平台封面：同一套视觉规则可生成公众号 21:9、1:1 分享卡、小红书 3:4、视频号横版等多种尺寸封面
• 演讲者模式：内置双窗口（观众屏 + 演讲者视图）、备注、计时、激光笔、圈选等完整工具
• Codex 配图流程：支持 GPT-Image 2.0 / GPT-M 2.0 生成纪实照片、信息图、流程图并按模板比例插入

认可度

• GitHub Stars：24,170（截至 2026-08-17）
• Fork：1,730
• 两周 Stars：5,000+（上线两周即达成，增速惊人）
• 赞助方：360 安全龙虾、Kimi work、Cola Skill（均为金牌赞助），并获得真格 Token Grant 资助
• 多平台上架：Claude Code / Codex / Cursor / 360 安全龙虾 / Cola Skill / Kimi work 均可使用

链接

GitHub：https://github.com/op7418/guizang-ppt-skill

原作者

歸藏（GitHub @op7418），十年设计经验背景的独立开发者，在「一人公司：被 AI 折叠的组织」等线下分享中沉淀出此 Skill，将 10 年设计踩坑经验全部写入 checklist.md。

介绍

guizang-ppt-skill 起源于一次线下分享的真实需求：歸藏发现 AI 生成的 PPT 总是缺乏设计感，于是把自己十年的设计经验打包成一个 Skill，让 Claude Code 能够直接输出「专业级别」的 HTML 演示文稿。

项目内置两套完全不同的视觉语言。Style A（电子杂志风） 模仿 Monocle 杂志的排版美学，适合叙事性演讲、个人观点表达；Style B（瑞士国际主义） 则采用网格系统、高饱和锚点色、直角与发丝线，适合产品发布、数据汇报和方法论分享。两套系统各自拥有独立的 layout 模板（Style A 10 种、Style B 22 种锁定版式），AI 会根据用户选择的风格自动匹配对应骨架。

输出形式是单文件 HTML，支持键盘左右箭头、滚轮、触屏滑动、底部圆点导航，以及 ESC 呼出索引。演讲者模式更是项目的亮点——按右下角 P 即可进入双窗口视图，一边是观众看到的干净演示画面，一边是包含当前页/下一页预览、备注、计时器的演讲控制台，全部在本地 HTML 完成，不依赖任何云服务。

特点

• 双视觉系统：电子杂志风（叙事）+ 瑞士国际主义（事实），覆盖绝大多数演示场景
• 10 种（Style A）+ 22 种（Style B）锁定版式：不是自由发挥，是经过设计验证的标准布局
• 单文件 HTML：轻量交付，浏览器即演示环境，跨平台兼容
• 完整演讲者工具链：备注、计时、激光笔、圈选、现场故障恢复，全部内置无需外接
• 多平台封面生成：一次内容，多尺寸输出（公众号/小红书/视频号），AI 自动化完成
• 质量校验机制：瑞士风内置 Playwright 后验脚本，可自动检测超出、底部空白、标题间距等 P0 级问题
• 低性能静态模式：按 B 关闭 WebGL/canvas 动画，静态内容退回纯 CSS，兼容老旧设备

使用方法

安装（一行命令）：

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

或者直接把这段话发给 AI Agent：

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

基本调用示例：

帮我基于这篇文章做一份瑞士风 PPT，控制在 7 页左右，需要 2-3 张配图。

其他常见触发语：

• “帮我把这份 Markdown 做成杂志风演讲 PPT”
• “基于这份 PPT 的核心观点，生成一张公众号 21:9 头图”
• “给这份 PPT 补齐演讲备注和每页计划时长，然后用演讲者模式帮我排练”

使用场景与人群

适用场景：

• 线下分享、行业演讲、AI 产品发布、demo day
• 方法论 / 产品分析报告（推荐 Style B 瑞士风）
• 个人观点分享、叙事型演讲（推荐 Style A 电子杂志风）
• 需要同时生成 PPT + 多平台封面图的内容创作者

目标用户：

• 经常需要做演示文稿的 AI 开发者、内容创作者
• 希望 AI 直接输出「专业设计感」PPT 而非低保真草稿的用户
• 有线下分享 / 演讲需求且追求视觉品质的独立创始人

不适合：大段表格数据、培训课件、需要多人协作编辑的场景。

输入与输出案例

案例一：文章转演示 PPT

• Input："帮我基于这篇关于 AI Agent 发展趋势的文章做一份瑞士风 PPT，控制在 8 页左右，需要 3 张配图"
• Output： 一个单文件 presentation.html，包含 8 页横向翻页幻灯片，Style B 瑞士国际主义视觉系统，含封面、章节、数据大字报、KPI Tower、Loop Diagram 等版式，AI 自动从文章提取核心论点填充到对应 layout

案例二：多平台封面生成

• Input："基于这份 PPT 的核心观点，生成一张公众号 21:9 头图和一张小红书 3:4 分享卡"
• Output： 两张封面图，21:9 比例适合公众号推文头图，3:4 适合小红书帖子封面，同一套视觉语言（主题色、字体比例、构图风格），均由 AI 按模板比例自动裁剪生成

GitHub: https://github.com/op7418/guizang-ppt-skill