SKILL / 第三方资源
frontend-slides
把大纲做成浏览器可直接放映的网页幻灯片，适合汇报与分享。图表用网页样式绘制，修改数据时需要同时检查图形，不能像 PowerPoint 图表一样直接编辑数据表。
作者 zarazhangrui · UPAI 实测 2026-08-20
MADE WITH THIS SKILL
实测成品
frontend-slides · 旧站实测 HTML 成品 · 旧站真实演示，隔离查看。编辑与导出依赖原始环境，本页只提供放映。
进入成品区域即载入。点一下画面后，可使用方向键翻页；部分成品会逐次展开，继续按方向键即可显示后续内容。手机可放大预览。编辑与导出仍需回到原始工具环境。
TEST NOTES
实测与使用
UPAI 实测评语
以下结论限于 2026-08-20 的测试样本与版本。
- 表现稳定：统一大纲一次成型，Playwright 逐页质检 12/12 通过
- 轻量零依赖：单文件 HTML 双击即用，无安装、无环境负担
- 自带翻页动画与内联编辑，浏览器直接放映
- 局限：颜色与字体不是个人偏好的类型，视觉冲击一般
- 局限：图表为纯 CSS 手工条形，改数据需手动调整
实测环境：2026-08-20 · Windows + ZCode（GLM-5.3）· 统一大纲与 prompt · 隔离子智能体执行。页数、画幅与数字闭环（收入合计 7,680 万）为程序化核验结果；评语为 UPAI 主观使用体验，不代表任何自动评分。
核心流程与完整说明
frontend-slides 是一个开源的 HTML 演示文稿 Skill（GitHub：zarazhangrui/frontend-slides）。 它把「大纲 → 可汇报演示」走成固定管线：模式识别、内容密度判定、3 方向风格预览（Show, Don't Tell）， 最终产出零依赖单文件 HTML——固定 1920×1080 舞台、纯 CSS 图表、键盘/触摸翻页、内联编辑， 双击浏览器即用。UPAI 实测结论：表现稳定、工程最轻，视觉风格因人而异。
- 01
Phase 0 模式识别：新建演示 or 修改现有
- 02
Phase 1 内容发现：确认密度模式（演讲型 / 阅读型）
- 03
Phase 2 风格发现：生成 3 个风格预览供选择
- 04
Phase 3 生成：零依赖单文件 HTML（16:9 舞台 + 内联编辑）
- 05
质量验证：Playwright 逐页检测溢出 / 重叠（不可协商）