AI 做 PPT,不是生成问题,是工作流问题。
一个 Claude / Codex 技能:从一篇文章、一段口播稿、一份课程内容开始,做出一套有风格、有逻辑、还能继续改的 PPT。
English · 简体中文
市面上一键生成 PPT 的工具很多,但做出来的东西大同小异:结构没想清楚就开始画,风格全靠统一模板或随机生成,图和内容对不上,而且改起来很费劲。
问题不在"生成"这一步,在前面——做 PPT 本来就是个工作流:先想清楚给谁讲、讲什么、怎么排,再谈好不好看。
所以我把自己做 PPT 的整套流程,拆成八步,写成了这个技能。它不替你拍板,它帮你把每一步做扎实。你不用每一步都自己做,你只要负责其中一两处关键判断,它负责干活。
一句话:烧 AI 的时间,省你的时间。
一、生成不是一步,是八步工作流。 目标 → 结构 → 视觉 → 拆页 → 做每一页 → 整合 → 质检 → 回改。每一步有明确产出,其中两处会停下来等你拍板:一处是整体大纲(一共几页、每页讲什么,先列给你看),一处是视觉风格(打开选择器看图选)——不是"一键生成碰运气",是每一步做扎实。
二、工作流里有专门的"选风格"环节。 第三步就是定视觉:AI 按你的稿子推荐 2-3 个风格方向让你挑,也可以打开自带的风格选择器看图选。风格是你定的,不是随机掉落的。
三、风格能选到"底图"这一层。 别家选风格只选到"整套 PPT 长什么样";这里还能给底图单独定一种气质——国风水墨、暗调霓虹、日系极简、复古印刷……选定后 AI 做每一页时,会按这个调性、照该页内容现场生成契合的底图。整套风格 × 底图风格,自由组合。
四、交出来的 HTML 是真的能改的。
成品页面里自带一层编辑器:改文字、拖位置、调字号、换配色、随时撤回,全在浏览器里完成,不用回来找 AI 重新生成。改到满意,一键导出去掉编辑器的「纯净放映版」交给正式场合。以前生成的老 PPT 没有编辑器?node assets/inject-edit-layer.mjs 你的deck.html 一句话补装上。
| 交付形态 | 是什么 | 适合场合 | 大概多久 |
|---|---|---|---|
| 可编辑 HTML PPT(默认) | 单文件网页,浏览器直接放映,自带一层编辑器——字号、位置、配色、文案你自己随手调 | 路演、课程、直播、内部分享 | 首版 20–40 分钟(含两次你拍板的环节) |
| 图片版 | 一页一张 PNG | 小红书图文、公众号配图、不方便开网页的场合 | 在 HTML 版基础上 +5–10 分钟 |
| 可编辑 PPTX | 文字是真的文本框,不是图片 | 必须交 .pptx 的甲方、要二次编辑的同事 | 在 HTML 版基础上 +10–20 分钟 |
| ✅ 适合你 | ❌ 别用它 |
|---|---|
| 手上有稿子(文章 / 口播 / 课件),要变成能讲出口的 PPT | 只想 30 秒随便出一版应付一下——一键生成工具更快 |
| 在意风格,受不了"一眼 AI"的模板脸 | 要的是传统 .pptx 母版流水线(母版、占位符、企业模板套装) |
| 交付后还想自己动手改字号、位置、文案 | 只想下载现成模板图库——这里的风格是配合流程用的,不是素材站 |
| 愿意在整体大纲和风格方向上花两分钟拍板 | 完全不想参与决策——它每次都会停下来问你两次 |
它就是一个文件夹,丢进 Claude 的技能目录就行。几种方式随便选:
方式〇 · 一行命令(推荐)
npx skills add https://github.com/ThunderOne18/ppt-expert-team方式一 · 直接跟 AI 说
帮我把 https://github.com/ThunderOne18/ppt-expert-team clone 到
~/.claude/skills/ppt-expert-team/,我要能用 /ppt-expert-team 调用。
方式二 · 自己 clone
git clone https://github.com/ThunderOne18/ppt-expert-team ~/.claude/skills/ppt-expert-team
# 国内慢的话:前面加 https://gh-proxy.com/ ,或直接下 ZIP 解压方式三 · 只在某个项目里用
cp -r ppt-expert-team <你的项目>/.claude/skills/ppt-expert-team装完重启 Claude Code,敲 / 能看到 ppt-expert-team 就成了。
装好后,把你的稿子丢给它,说一句:
用 PPT 专家团,把这篇做成 PPT。
接下来它会这样走——你只需要参与前三步,剩下的它自己跑完:
① 先问你三件事(就是下 brief) 给谁讲、什么场合、你想让对方记住哪一句。答完它开始干活。
② 拍板一:整体大纲 它通读你的全文,但不会直接开画,而是先给你一份「页面地图」——整套 PPT 一共几页、每一页讲什么、完成什么任务、大致用什么类型的版式,一页一行列给你看。你点头了才往下走。大纲错了后面全白做,所以这里必须停。(每页内部具体怎么排版,是后面拆页分镜的事,AI 自己搞定,不用你操心。)
③ 拍板二:视觉风格(这时候风格选择器登场) 它会把风格选择器的本地路径发给你——这是一个随技能装进你电脑的网页,双击就开。你在里面选两样:整套 PPT 风格选一个、底图气质选一个,点「复制参考组合」,把那句话粘回对话。这里可能涉及到每一页要配不同的图,所以你也可以同时告诉你的 AI ,根据每页内容和页面结构,把底图及配图的提示词一起写了。选择器长什么样、里面有什么,下一节细说。
④ 然后就不用管了 拆页、做每一页、整合、质检,它闷头跑完,交给你一套自带编辑器的 HTML PPT(可编辑版)。
⑤ 最后你自己动手调 在页面里直接改字、挪位置、调字号配色,改到顺眼导出「纯净放映版」交出去。怎么改,后面有一节专门讲。
⑥ 还要交 .pptx?一句话的事 HTML 定稿后跟它说"把这份输出成 PPTX"。它会严格按照定稿的每页排版、字体、字号、配色,分层装配出一份可编辑的 .pptx——文字全是真文本框,及分层图片,拿到 PowerPoint / Keynote 里还能继续改。
它是一个随技能一起装进你电脑的本地网页(assets/style-picker/index.html),零依赖、双击就开——走到拍板二时,AI 会主动把这个路径发给你;你也可以随时自己打开。风格是看着选的,不是文字描述里猜的。
在里面你要选两样东西,选完一起复制:
第一样 · 整套 PPT 风格。 内置六套我做的原创样张,中文为主、英文为主各三套——有的稿子适合大中文标题压场,有的适合大英文标题显质感。每套都能点开放大预览、方向键翻页:
| 赛事速度 | 中式人文 | 商务蓝白 |
|---|---|---|
![]() |
![]() |
![]() |
| 赛事 / 汽车 / 发布会 | 人文 / 思想 / 讲义 | 策略汇报 / 方法论 |
| 瑞士黑白 | 咖啡暖调 | 奶油粗衬线 |
|---|---|---|
![]() |
![]() |
![]() |
| 方法论 / 知识分享 | 营销 / 课程 / 口播 | 人文 / 品牌 / 讲义 |
第二样 · 底图气质。 切到「底图库」一栏,是我用 GPT Image 攒的一批底图风格——国风水墨、暗调霓虹、日系极简、复古印刷……选一种当"气质锚点",做每一页时 AI 会照这个调性、按该页内容现场生成契合的底图:
两样都选好,点底部「复制参考组合」,得到一句完整指令,粘回对话,AI 就照这组方向往下做。选了会记住(刷新不丢),想换随时重选。
想让选择器更丰富:后排那几张灰色的「🔒 需安装」,是我很喜欢的几位博主的开源风格——归藏、Zara、花叔、lewis 的 HTML-PPT。这个仓库里没有他们的文件,你点卡片上的「去安装」,到他们那儿按官方方式装好,再回到 styles.js 把那张卡片的路径填上,灰卡就点亮成能预览的了。装得越多,你的选择器越丰富。别忘了在GitHub上给这些开源自己skills的作者们点🌟。
具体怎么加风格、怎么配底图,都写在 风格选择器使用说明 里。
跑完八步,你拿到的不是一张"看起来像 PPT 的图",而是一个自带编辑器的网页。点「编辑模式」,就能像改文档一样改它:
- 点中任意文字框:改文字、拖位置、缩放大小
- 浮动面板上调字号、字体、行距、字距、对齐、文字颜色、底色和透明度
- 改错了 Cmd/Ctrl+Z 撤回,还有全局调参面板
- 随时点「放映」全屏过一遍效果
改到顺眼后,工具条上两个导出按钮:**「保存为可编辑版」下载一份带着你所有修改、还能继续改的新 HTML(浏览器不能直接覆盖本地原文件,所以保存=下载新文件);「纯净放映版」**下载去掉编辑器的干净版本——这份才是发给外部、正式放映用的。
以前生成的老 HTML PPT 没有编辑器?一句话补装:
node assets/inject-edit-layer.mjs 你的deck.html # 生成 你的deck.editable.html,原文件不动很多场合最后还是得交 .pptx。HTML 定稿之后,跟 AI 说一句"把这份输出成 PPTX",它会以你改好的 HTML 为唯一标准,严格按照每一页的排版、字体、字号、配色,把内容分层装配进 .pptx:
底图、配图、结构图、文字各归各层,文字全部是真文本框——不是"一页一张截图"的伪 PPT,也不是 PDF 转出来那种文字碎裂错位的残次品。拿到 PowerPoint / Keynote 里,改字、挪位置、换图,都还能继续。
这些是这套流程里最要紧的经验,也写进了技能,AI 会照着做:
- 图要跟内容对得上。 讲联合国会员国就配世界地图,别甩个游戏地形图上来凑数。
- 讲稿用第一人称,张嘴能念。 写"接下来我讲讲 X",不写"下面由 X 收束"这种舞台说明。
- 字体按稿子的调性选,别用大路货。 标题用有性格的字,正文用稳的黑体,字体链尾永远留个兜底字,换台电脑不崩。
- 中文标题换行只在标点处断,绝不把一个词拆两半。 这条我尤其在意。
- 草稿就是草稿,别把规划说成成品。
- 借别人的 IP 做包装,借的是它的页面风格和结构逻辑,不是把它的画面贴上来当背景。
先把丑话说前面,省得你装完失望:
- 底图生成要看你环境里有没有生图能力(GPT Image / 其他生图工具)。没有的话它不会硬凑,会退回纯排版方案——依然能看,但少了底图那层氛围。
- 外接博主的风格不在这个仓库里。 归藏、Zara、花叔的东西要去他们仓库自己装,并遵守各自的协议(归藏是 AGPL-3.0,别再打包分发)。别忘了给这些开源自己skills的作者们点🌟。
- HTML 转 PPTX 有保真度边界。 复杂动效、交互组件、特殊排版进了 .pptx 会被简化,PPTX 版以"文字可编辑、版式过得去"为目标,不承诺像素级还原。
- 仓库约 39M,大头是 31M 字体。 这是故意的:12 套免费可商用字体全部内置,换台电脑、断了网,字体照样不崩。嫌大可以删掉
assets/fonts/里用不到的目录。 - 它不适合赶时间。 两次停下来等你拍板是设计出来的,不是 bug。
Q:国内 clone 慢 / 失败怎么办?
git 命令前面加 https://gh-proxy.com/,或者直接下 ZIP 解压丢进技能目录。
Q:不打开风格选择器能用吗? 能。选择器只是"看图选"的可选入口,默认走"文字选":AI 读风格索引给你 2-3 个推荐方向,你回复一个就行,全程不依赖任何网页。
Q:只有 Claude Code 能用吗? 主要为 Claude Code 设计。Codex 或其他 agent 可以把 SKILL.md 当作系统提示词用,或用第 3 步生成的「项目执行提示词」直接在任意对话里执行。
Q:为什么我的成品字体和样张不一样?
检查 HTML 里字体路径是不是指向了 assets/fonts/。字体链尾都留了兜底字体,路径断了不会崩,只会退回系统黑体。
ppt-expert-team/
├── SKILL.md # 入口:八步流程,先读这个
├── references/ # 每一步的细则(风格、字体、底图、质检…)
├── assets/
│ ├── fonts/ # 12 套免费可商用字体
│ ├── style-picker/ # 风格选择器 + 六套原创样张
│ ├── style-index/ # 更全的风格文字清单
│ └── ... # 编辑层、交互样张等
├── README.md · LICENSE · CREDITS.md
这套东西不是凭空来的。做的时候我反复看过下面这几位的开源作品,受了很多启发。仓库里没打包他们的任何文件——你要是喜欢他们的风格,去他们那儿装就好,别忘了在GitHub上给这些开源自己skills的作者们点🌟:
- 归藏 @op7418 · guizang-ppt-skill
- Zara Zhang @zarazhangrui · frontend-slides
- 花叔 @alchaincyf · huashu-design
- lewis @lewislulu · html-ppt-skill
- 宝玉 @dotey
字体全部免费可商用,清单和授权在 CREDITS.md。
MIT © 2026 雷Sir
做农场主,不做淘金客。做领航员,不做爹味导师。讲真话,不收割焦虑。










