乔布斯风竖屏 HTML 演示生成

要解决什么问题

口头讲稿往往又长又密，直接贴进幻灯片会变成「字墙」，竖屏场景（录屏、短视频、手机预览）更需要一屏一个观点。本技能把原始讲稿当作唯一输入，在不篡改原稿存档的前提下，生成可本地打开的单文件竖屏 HTML 演示，风格对齐乔布斯发布会常见的深色极简科技感。

技能如何工作

流程在 SKILL.md 里写得很硬，需要严格按序执行：

1. 读取讲稿：保留用户原文。
2. 提炼版讲稿：压缩、加强冲击力，输出 Markdown。
3. 章节标题：每章 ≤12 字，对比式 / 问题式 / 断言式 / 数字式 / 比喻式之一，并自检「是否让人想继续听」。
4. 幻灯片结构：按 references/slide-types.md 规划页型与顺序。
5. 生成 HTML：以 assets/template.html 为底。
6. 填充与交互：动态光斑、翻页逻辑、切换动画。

必须依次交付三块输出：提炼讲稿 → 结构大纲 → 完整 HTML。视觉侧默认 9:16、背景 #000000 / #0a0a0a、主色白字；技术栈为 Tailwind（国内 CDN），复杂页可挂 Vue3（CDN）。交互要求包括 ← → 翻页、底部进度条、平滑切换。

适用边界与注意点

• 严禁：堆字密集排版、花哨配色、复杂图表、横屏比例、偏离极简科技风。
• 默认：未指定页数时约 8～20 页；未指定风格时默认乔布斯风。
• 详细版式与字体见 references/design-spec.md；页型参考 references/slide-types.md。适合「讲稿已定、要快速出竖屏演示页」的场景，不适合需要数据可视化或品牌定制动效的重型 Keynote 替代方案。