2026 年了，谁还在用 PPT：用 Codex 半小时做一份能演示的 HTML deck

2026 年 5 月了，你公司里还在用 PowerPoint 做汇报的同事，工具栈停留在 2003 年。.pptx 格式是 2007 年定的、协作模型还是「网盘传文件」、AI 集成靠塞 Copilot 按钮进 Ribbon —— 一个 1990 年代为离线打印幻灯片设计的产物，硬撑着对接 2026 年的幻灯片工作流。

工程师早就跳船了。HTML 幻灯片：单文件、浏览器打开、git 跟版本、配图能由 AI 现场生。一直没普及到非工程岗，是因为它有三块石头 —— 写布局费时间、配图要么手画要么靠剪贴画、图里出现中文经常糊成一团。

2026 年这三块石头基本都被 codex + gpt-image-2 砸碎了。这篇讲的就是怎么把一份大纲，半小时变成一份能站上投影演示的 HTML deck。

四个值得知道的 HTML 幻灯片栈

按你自己习惯的工作方式挑就行，没有「最优解」。

1. Slidev —— 基于 Vue，slides 写在 Markdown 里用 --- 分页。原生支持代码高亮、逐行 reveal、嵌入活组件。导出 HTML / PDF / SPA / PPTX 都行。你的 deck 里有代码就选它。

2. reveal.js —— 老牌选手。纯 HTML/CSS/JS 加一层薄薄的幻灯片框架。插件生态最全。想要最大控制权、不介意直接写 HTML 就选它。

3. Marp —— 只接受 Markdown，没 JS 框架，预设主题、不太给你改。VS Code 插件能实时预览。想「打字就出 deck」零仪式感就选它。

4. html-ppt-skill —— 不是框架，是给 Claude/Codex 的一个 agent skill，自带 24 套主题 + 31 种 layout，由 agent 根据内容自动选 layout。想让 AI 连版面都帮你定就选它。

实战里 带代码的 talk 用 Slidev、纯业务 deck 用 html-ppt-skill（layout 多样性比代码块重要）是常见组合。

GPT-Image-2 改变了什么

HTML 幻灯片以前的瓶颈在配图。GPT-Image-2（2026-04-21 发布）解决了两件直接相关的事：

1. 多语言文字字符级准确，含中文 / 日文 / 韩文。柱图标签终于能写「营收占比」而不是糊成方块字了。
2. Agentic 布局推理 —— 模型在出图前先想构图，少一些「差一点点对」的反复重试。

Codex 能在 会话 里直接调 gpt-image-2 —— 你用人话描述配图、图片回来直接落到工作区里、你在 slide HTML 里引用文件路径。

实操步骤

前置： 装好 Codex CLI 或桌面端，能通过 Codex 访问 gpt-image-2（标准 ChatGPT Plus / Pro 套餐，或任意 proxy 同套 API 的服务商）。手边有大纲（要点、Notion doc、转录稿都行）。第一次大概 60 分钟，之后稳定 30 分钟一份。

Step 1 —— 把大纲交给 Codex。 一句话开 会话：

这是一个 12 分钟内部分享会的大纲，主题是 <topic>。生成一个 Slidev deck，每个大纲要点一页 slide。每个 section 你建议如果需要配图就留 placeholder，第二步我再补图。

读一遍它出的东西。这一步看 结构，不看细节打磨 —— slide 顺序是不是你真要讲的顺序？不是就明确反馈：「第 4 页应该挪到第 2 页前」。

Step 2 —— 同一个 会话 里出配图。 每个 placeholder 一次：

第 N 页配一张图，用 gpt-image-2 生。<描述>。配色用 cream + 深靛。图里如果有文字，写中文。

两件事要明确说：(1) 颜色 —— 默认会偏鲜艳，你不指定就回不到你的 deck 调色；(2) 文字语言 —— 不说就是英文，哪怕 deck 通篇中文。图不对就让它换一版，不要手动 P。一张图大概 ¥0.2-0.4，迭代比手 PS 便宜很多。

Step 3 —— 主题和内容回扫。

把 deck 在本地 slidev dev 跑起来，截前 3 页截图。哪里看着不对？

常见问题：标题溢出 → 标题缩短；配图超出边界 → 调宽高比；代码看不清 → 字号加大或拆页。

Step 4 —— 演示和导出。 slidev dev 跑本地预览演示（presenter view 在 URL 后加 ?presenter，看 notes + 计时）。slidev export 导 PDF；slidev build 出静态 SPA 部署到任何地方；slidev export --format pptx 出可编辑的 PPTX 如果对方只用 PowerPoint（动画会丢）。

变体

• 大厂内部分享 —— Slidev + --listen flag 让你用手机看 presenter notes
• 季度汇报 / 给老板看的那种 —— html-ppt-skill 让它生「executive theme」，最后导成 PDF（投屏稳定）
• 录课用的教学 deck —— reveal.js + chalkboard 插件，可以在 slide 上现场画
• 数据可视化重的 deck —— Slidev 接 Observable plot embed，把 CSV 扔给 Codex 让它写 plot spec

这套不擅长的场景

• 重动画（「从左飞入」那种 Keynote 特技）—— click-to-reveal 干净利落，再多就得不偿失
• 多人实时协作 —— 它本质是 git 里一个 .md 文件，如果你团队习惯腾讯文档 / 飞书文档 / Google Slides 同时编辑，这不是它的强项
• 一次性即用即扔的 deck —— 找个 Gamma 或者讯飞智文打几个要点更快

什么情况下 PPT 还是赢

别误会，PPT 不是完全没用 —— 三个场景里它仍然是最优选：

1. 递交给只用 Office 的政府 / 大客户 —— 对方 IT 部门会直接拒收 HTML 文件。导出 .pptx 能用，但还不如一开始就用 PowerPoint 做
2. 品牌部门会逐毫米抠边距 —— Keynote / Figma + 手工调位是这种活的合适工具
3. 你公司 55 岁以上的老板只会双击 .pptx 文件 —— 这个谁也救不了

其他场景，HTML 都打得过。