技能介绍

要解决什么问题

口头讲稿、培训脚本或路演材料往往是一整段文字，直接贴进 PPT 容易变成「满屏小字」。若你希望演示在手机上竖屏浏览、视觉上是深色背景加高留白，而不是传统横屏模板堆图表，就需要把原稿先提炼再映射到固定版式，最后落成单个可离线打开的 HTML 文件。

技能如何工作

技能在 SKILL.md 里规定了必须顺序执行的六步，输出也固定为三段：提炼后的讲稿（Markdown）、幻灯片结构大纲、完整 HTML。

读取讲稿：保留用户原文，不擅自改写源稿。
生成提炼版讲稿：压缩表述、增强演示节奏，输出 Markdown。
生成章节标题：每节标题 ≤12 字，采用对比式、问题式、断言式、数字式或比喻式之一，并自检是否让人想继续听。
设计幻灯片结构：按 references/slide-types.md 规划页序与页面类型。
生成 HTML：以 assets/template.html 为底稿拼出完整页面。
填充内容与交互：加入模糊光斑背景、翻页逻辑与平滑切换动画。

视觉与交互有明确约束：比例 9:16；背景 #000000 / #0a0a0a；主文 #ffffff、辅文 #9ca3af；字体为 HarmonyOS Sans SC / 思源黑体与 Inter / Roboto。交互要求键盘 ← → 翻页、底部进度条。技术栈为 TailwindCSS（国内 CDN），复杂页可用 Vue3（CDN），单 HTML 文件即可运行。

适用边界与注意点

默认在未指定页数时生成 8～20 页，未指定风格时走乔布斯式极简科技风。技能明确禁止堆字、密集排版、花哨配色、复杂图表和横屏比例；若你的材料依赖大量数据图或密集表格，需要先自行删减或改用手动排版。详细视觉规范见 references/design-spec.md，页面类型见 references/slide-types.md。