HTML 单文件演示稿

要解决什么问题

传统演示稿往往绑在 PowerPoint 或一整套前端工程上：要么改样式要动母版，要么为了网页版再跑 npm 和构建。你需要的是在任意浏览器里直接放映、文件十年后仍能打开、且视觉上不像模板堆砌的稿子。

技能如何工作

技能按阶段推进，而不是一次性吐出一堆 HTML：

• 模式识别：新建文稿、.pptx 转换、改已有 HTML、或仅换主题（Style Transfer）走不同分支。
• 内容与密度：一次性确认用途、页数、素材就绪程度，以及「演讲导向 / 阅读导向」的信息密度。
• 风格发现（Show, don't tell）：生成 3 张像真实首页的单页 HTML 预览，用户选 A/B/C 或混搭，避免用形容词硬选设计。
• 成稿生成：输出单文件、零依赖演示稿；内联完整 viewport-base.css，固定 1920×1080 舞台整体缩放（禁止按屏宽重排内容）；含键盘/触控导航、默认内联编辑（悬停热区或 E）、演讲者视图（S 键 + BroadcastChannel）、打印/PDF 样式与 prefers-reduced-motion。
• PPT 转换：用 extract-pptx.py 抽取文本、图片与备注，再走风格发现后生成 HTML。
• 换肤：只替换 :root 变量块与字体链接，不改动语义化 slide 内容，便于多套预设互迁。

设计上强调鲜明字体与配色、有目的的动效（如 staggered reveal），并明确回避 Inter/Roboto、紫白渐变等「AI 味」套路；装饰尽量用 CSS 伪元素，不在 HTML 里堆风格专用 class。

适用边界与注意点

• 单页内容不能滚动或溢出；超密度应拆页而非缩小字号。
• 动画元素需遵循 .reveal 等约定；换主题后应目视核对字体与色板，内容布局应保持不变。
• 可选交付包括浏览器打印 PDF 或通过部署工具生成可分享 URL，但核心产物始终是那一个自包含 HTML 文件。