乔布斯风竖屏 HTML 演示生成

要解决什么问题

口头讲稿往往冗长、层次松散，直接贴进 PPT 容易变成「堆字页」。若你还要做竖屏路演或录屏演示，横屏模板和花哨图表反而会稀释信息。这个技能把「原始讲稿 → 可演示的极简 HTML」收成一条固定流水线，输出单文件、键盘翻页、带进度条的 9:16 页面。

工作方式

流程在 SKILL 里写得很死，需要按顺序走六步：

1. 读取讲稿：不改动用户原稿。
2. 提炼讲稿：压缩表述、增强演示节奏，输出 Markdown。
3. 乔布斯风标题：每章标题 ≤12 字，用对比/问题/断言/数字/比喻等句式，并自检是否让人想继续听。
4. 幻灯片结构：按 references/slide-types.md 规划页型与顺序。
5. 生成 HTML：以 assets/template.html 为底。
6. 填充与交互：动态光斑背景、平滑切换、← → 翻页与底部进度条。

视觉侧有速查表：黑底（#000000 / #0a0a0a）、白字主文案、灰色辅助字；中文 HarmonyOS Sans SC / 思源黑体，英文 Inter / Roboto。复杂页可用 Vue3 CDN，样式走 TailwindCSS（国内 CDN）。

适用边界

默认未指定页数时生成 8～20 页；未指定风格时走乔布斯极简科技风。明确禁止密集排版、花哨配色、复杂图表和横屏比例——若你的材料依赖大量数据图或品牌色规范，需要另做设计或手工改 HTML。