讲稿转竖屏 HTML 演示稿

要解决什么问题

口头讲稿往往冗长、层次不清，直接贴进 PPT 容易变成「堆字页」。若你需要在竖屏场景（录屏、手机预览、展台竖屏）做演示，横屏模板和复杂图表反而会稀释节奏。本技能把原始讲稿转成可本地打开的单文件 HTML，视觉上是深色底、高留白、一屏一事，更接近发布会式的信息密度。

工作流程与输出物

技能要求严格按顺序交付三块内容，且 Step 1 只读取讲稿、不擅自改原稿：

1. 提炼后的讲稿（Markdown）：精简表述、增强演示冲击力，但不替代你对原稿的存档。
2. 幻灯片结构大纲：按 references/slide-types.md 规划页序与页型。
3. 完整 HTML：以 assets/template.html 为壳，填充内容与动效。

中间步骤还包括：为章节写乔布斯风标题（≤12 字，对比/问题/断言/数字/比喻等），以及按设计规范套版。默认未指定页数时生成 8～20 页；未指定风格时走乔布斯风默认。

视觉与交互上有明确约束：比例 9:16，背景 #000000 / #0a0a0a 加模糊光斑，主文 #ffffff、辅文 #9ca3af；中文 HarmonyOS Sans SC / 思源黑体，英文 Inter / Roboto。交互包括键盘 ← → 翻页、底部进度条、平滑切换。技术栈为 TailwindCSS（国内 CDN），复杂页可用 Vue3（CDN），仍保持单 HTML 可运行。

适用边界

它不是通用 BI 或图表工具：严禁密集排版、花哨配色、复杂图表和横屏比例。若你的材料依赖大量数据可视化或每页塞满要点，需要先自行删减或改用手动排版；技能的价值在于把「讲一件事」的叙事拆成可翻页的竖屏页面，而不是自动美化任意文档。