你用 AI 做过 PPT 吗？大概率出来的东西一眼就能看出是 AI 生成的 -- 版式呆板、配色奇怪、毫无设计感。一个做了十年设计的设计师开源了他的 PPT Skill，叫 guizang-ppt-skill。它不是又一个模板库，而是一套把杂志排版语言搬到 HTML 里的完整方案，配合 Claude 等大模型使用，能做出"不太像 AI 做的"PPT。

它是什么

guizang-ppt-skill 是一个开源的 AI PPT 生成技能，输出产物是一个单文件 HTML -- 双击浏览器就能看，发给别人也只是一个文件，不用担心字体和动画在别人电脑上乱掉。

视觉风格定义为"电子杂志 x 电子墨水"：

• 封面：墨色底 + 衬线大标题，背后是缓慢流动的 WebGL 流体
• 正文：纸白底色 + 墨色正文，像摊开的印刷杂志
• 翻页：横向左右滑动，支持键盘、滚轮、触屏手势
• 元数据：每页角落有章节号和页码，像报刊页脚

核心功能

10 种页面布局

覆盖一场 15-30 页分享会用到的大部分页面类型：

开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline 流程、悬念问题、大引用、Before/After 对比、图文混排。

每种布局是一段可以直接粘贴的 HTML 骨架，改掉文字和图片就能用。

5 套主题色预设

切换主题只需替换 :root 里的 6 个 CSS 变量。设计者刻意限制了自定义 hex 的能力 -- 约束越严，风格越稳。

翻页交互

支持键盘左右箭头、鼠标滚轮、触屏滑动、底部圆点跳转、ESC 键打开缩略图索引。尽量接近在浏览器里翻一本真实杂志的体验。

怎么用

第一步：安装 Skill

项目地址：github.com/op7418/guizang-ppt-skill

README 里有一段"给 AI 的安装 prompt"，复制粘贴给你的 Claude Code 或其他 AI Agent，它会自动完成安装。

也可以在 Bloome Agent 中直接使用（目前免费）。

第二步：启动对话

装好之后，对 AI 说一句**"帮我做一份杂志风 PPT"**。AI 会反过来主动问你 6 个问题：

1. 受众是谁、什么场景？
2. 分享时长多久？（15 分钟约 10 页，30 分钟约 20 页）
3. 有没有原始素材？（文档、数据、旧 PPT、文章链接）
4. 有没有图片、放在哪？
5. 想要哪套主题色？
6. 有没有硬约束？

你不用一次说完，它会一条条问。答完后先生成大纲和主题节奏表，对齐后再开始写代码。

这套澄清流程把"对齐"前置到了开头，解决了用 AI 做 PPT 时最大的痛点 -- 等到第 10 页才发现整体方向是错的。

第三步：管理图片

图片放在和 index.html 同级的 images/ 文件夹，命名规则：

ppt/
  ├── index.html
  └── images/
      ├── 01-cover.jpg
      ├── 03-figma.png
      └── 05-dashboard.png

• 页号补零 + 英文语义，方便排序和 AI 引用
• 照片用 JPG，截图用 PNG（保真不糊）
• 单张宽度不低于 1600px（大屏投影不糊）

换图时只需同名覆盖，HTML 一个字不改。

设计逻辑：为什么好看

这不是玄学，是一套可以拆解决策：

• 字体三级分工：衬线用于观点（大标题），非衬线用于信息（正文），等宽用于元数据（页眉页脚）
• 色彩纪律：纸白 + 墨色 + 一个重点色，底色从不用纯白 #FFFFFF，字色从不用纯黑 #000000
• 网格节奏：7:5、6:6、8:4 固定网格保证秩序，hero 页和 non-hero 页交替，硬规则禁止连续三页相同主题

这些规则全部写在 SKILL.md 和 checklist.md 中，AI 逐条执行。

适用场景

• 产品发布会、技术分享会的演示文稿
• 行业私享会、内部分享
• 不想用 PowerPoint 又需要"好看"PPT 的人
• 需要快速把文字内容变成可演示的 HTML 的场景