Codex 怎么生成 HTML 幻灯片？html-anything 模板与导出教程

用 Codex 做幻灯片的时候，很多人第一反应都是让它直接生成 PPTX 文件。html-anything 走的是另一条路子：先生成 HTML 格式的幻灯片（也就是 deck 页面），在浏览器里预览效果，再按需导出成 HTML、PNG，或者交给后续工具接着处理。它更适合用来快速讲清一个方案，不是用来替代所有 PowerPoint 精修流程的。

先判断：你要的是 deck，不是长文

同样一份材料，长文看重的是阅读的连贯性，幻灯片讲究的是一页只讲一个核心判断。要是直接把 3000 字的方案扔进去，很容易生成那种“每页全是小字”的页面。更靠谱的输入方式是先把内容拆成 6 到 10 页：封面、问题、证据、方案、步骤、风险、结尾，每页就放一个主意。

在 html-anything 里选 deck 类模板

这个项目的技能体系里本身就有 deck 相关的模板，README 里也展示了好几种不同的 deck 风格。你在本地页面里选 keynote deck 或者类似的 surface 模板，再让 Codex 结合材料生成就行。这里千万别只写一句“做成 PPT”，得把要求说清楚：比如页数、比例、受众、每页的信息密度，还有要不要加演讲备注。

请把下面材料做成 8 页 HTML 幻灯片。
比例 16:9，每页只讲一个判断。
第 1 页是标题，第 2 页讲问题，第 3-5 页讲方案，第 6 页讲风险，第 7 页讲执行清单，第 8 页收束。
使用 deck 模板，保留可在浏览器预览的单文件 HTML。

生成失败一般分两种情况：一种是页面太像文章，说明你没限制“一页一个判断”；另一种是视觉元素堆得很满但事实少，说明给的材料里缺数字、案例或者判断标准。

用 Codex 时要保留可改空间

用 Codex 生成 HTML 幻灯片的好处就是，生成完能检查，还能接着改。你可以让它调整某一页的标题、删掉多余的装饰、把表格改成三列对比，也可以让它检查移动端或者投影尺寸下的显示效果。别一上来就要求“完美商业路演”，那会把问题变得太虚。

导出该怎么选

• 要是给同事预览用，优先下载单文件 HTML，打开就能看。
• 要发社交平台或者贴进文档，导出 PNG 更省事。
• 要是还要接着做视频分镜，可以考虑 Hyperframes 方向，但这不是普通演示稿的必需步骤。

要是用来做正式汇报，最后还是得人工过一遍：数字有没有来源，页标题能不能单独成立，投影距离下字号够不够大。html-anything 能把 Codex 的输出变成更像成品的 HTML deck，但讲什么、删什么、哪些风险必须露出来，还是得人来决定。