SKILL / 第三方资源
html-ppt-studio
从模板和主题开始，把大纲做成一份网页演示，可用浏览器翻页放映。适合偏简洁的内容展示；涉及在线图表时，离线放映前要检查依赖。
作者 lewislulu · UPAI 实测 2026-08-20
MADE WITH THIS SKILL
实测成品
html-ppt-studio · 旧站实测 HTML 成品 · 旧站真实演示，隔离查看。编辑与导出依赖原始环境，本页只提供放映。
进入成品区域即载入。点一下画面后，可使用方向键翻页；部分成品会逐次展开，继续按方向键即可显示后续内容。手机可放大预览。编辑与导出仍需回到原始工具环境。
TEST NOTES
实测与使用
UPAI 实测评语
以下结论限于 2026-08-20 的测试样本与版本。
- 产出稳定：统一大纲一次成型 12 页，headless 渲染自检 12/12、溢出探针全为 0
- 动画稳定：27 个命名入场动效按「每页一个重点」克制编排，翻页/计数动效可靠复现
- 放映运行时完整：键盘翻页、O 概览、S 演讲者模式（每页逐字稿）、T 键 5 主题现场试装
- 自包含离线可用：图表全部纯 CSS 实现，file:// 直开无外部 JS 依赖
- 局限：画面相比其他 skill 会更简单，视觉冲击一般
- 局限：chart-* 版式默认依赖 Chart.js CDN，离线场景需降级纯 CSS 图表
实测环境：2026-08-20 · Windows + ZCode（GLM-5.3）· 统一大纲与 prompt · 隔离子智能体执行。页数、16:9 画幅、12 页溢出探针为 0 与大纲数字逐一回查均为程序化核验结果；评语为 UPAI 主观使用体验，不代表任何自动评分。
核心流程与完整说明
html-ppt-studio 是一个开源的 HTML 演示文稿 Skill（GitHub：lewislulu/html-ppt-skill）， 一条命令安装、纯静态 HTML/CSS/JS、无构建、仅 CDN 网络字体。它主张「Always start from a template」： 整 deck 模板 + 31 个带演示数据的单页版式 + 36 个主题，逐页复制 <section class="slide"> 替换数据即成； runtime.js 自带键盘导航、O 概览网格、S 演讲者模式（逐字稿 notes）与 T 键一键换主题。 UPAI 实测结论：产出稳定、动画稳定，画面相对简单。
- 01
通读 SKILL.md 与 Catalog：authoring-guide 工作流 + layouts 版式目录 + 主题系统
- 02
Author 前三问决策门：内容与受众 / 风格主题 / 起点（整 deck 模板 or 组合式）
- 03
组装 deck：骨架模板 + single-page 版式逐页替换，全程只用 token 颜色
- 04
逐页创作：每页 data-title + chrome 槽 + notes 逐字稿，每页一个重点动效
- 05
渲染自检：headless Chrome 逐页渲染 + DOM 溢出探针 + 数据一致性核验