乔布斯风竖屏演示稿生成

要解决什么问题

口头讲稿往往信息密度高、层次不清，直接贴进 PPT 容易变成「字墙」。如果你需要的是一屏一件事、深色底高对比、适合竖屏投屏或录屏的演示形态，手工排版 Tailwind 页面和翻页逻辑会很费时，而且风格很容易跑偏。

技能如何工作

该技能把用户原始讲稿当作输入，按固定六步流水线产出可运行的单文件 HTML：

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

视觉默认 9:16 竖屏、背景 #000000 / #0a0a0a，主文 #ffffff；技术栈为 TailwindCSS（国内 CDN），复杂页可挂 Vue3（CDN）。未指定页数时通常生成 8～20 页。

适用边界与注意点

• 输出顺序固定：先给提炼讲稿，再给结构大纲，最后给完整 HTML；不适合「只改一页样式」的零散需求。
• 严禁密集排版、花哨配色、复杂图表和横屏比例；不是通用图表或数据看板生成器。
• 详细视觉与交互规范依赖仓库内 references/design-spec.md 等引用文件，环境缺这些资源时生成质量可能不稳定。