是什么
「HTML 幻灯片」基于 reveal.js——网页端最流行的演示框架——把「做一套幻灯片」变成一句话的事：描述你要的演示、指定主题与转场，AI 直接产出一个可放映的 HTML 演示文稿，水平/垂直翻页、分步动画、代码高亮、演讲者备注一应俱全。
产出的就是一个网页：浏览器打开即放映，方向键翻页、F 全屏、S 进演讲者视图；手机打开同样响应式适配。文件本身是标准 HTML，可以入库管理、随项目分发、或直接发给任何人在线观看。
技能内置 reveal.js 的完整领域知识：主题清单、转场参数、fragment 动效、Markdown 幻灯片、背景（颜色/图片/视频/渐变）、初始化配置与两套完整示例（技术分享 + 产品发布），AI 据此生成的代码直接符合框架最佳实践。
核心能力
主题与转场
11 套内置主题（black/moon/night/serif…）× 6 种转场（fade/slide/zoom/convex…），一句话切换整体气质。
fragment 分步揭示
要点逐条出场、渐显/滑入/高亮/划除，讲课时节奏完全由你控制。
代码高亮
带行号与行区间高亮的代码块，讲技术方案、走查代码的标配。
演讲者备注
每页可挂备注与计时，按 S 打开演讲者视图，提词不投屏。
全屏背景
纯色/图片/视频/渐变整页背景，封面页与章节页的电影感立起来。
Markdown 幻灯片
data-markdown 模板直接吃 Markdown 内容，长文档快速改造成 deck。
什么时候会用到
- 「把这周的复盘整理成一套 10 页的汇报幻灯片」
- 「给我的分享做一份深色主题的 deck，代码块要高亮」
- 「把这份 Markdown 讲义转成幻灯片，要点分步出现」
- 「做一套新产品介绍页，首页用渐变背景」
- 「这套课件要带演讲备注，我上台照着讲」
- 「幻灯片发给同事，让他浏览器打开就能翻」
不适用于
- 交互式 deck——热点分支导航、演讲者模式装置、网页移植成演示，用 HyperFrames 技能
- 导出视频成片（MP4）的需求——本技能面向浏览器放映
- 常规网页/文档排版——那是 HTML 页面技能的领域
- 需要 PowerPoint .pptx 文件交付的协作流程（产出是 HTML，不是 Office 格式）
安装与使用
- 1打开 UUIDE，进入「设置 → 技能」面板，找到本技能点击「安装」
- 2无需任何 API Key 或账户——生成完全在本地完成
- 3在 AI 会话里描述演示需求即可；产出的 HTML 存进当前项目，浏览器打开即放映（需要完全离线时让 AI 把框架内联成单文件）
常见问题
- 生成的幻灯片怎么放映？
- 产出是一个 HTML 文件，浏览器打开即进入放映：方向键/空格翻页、F 全屏、S 打开演讲者视图（含备注与计时）、O 总览所有幻灯片；也可以直接把链接分享给别人在线看。
- 它和 HyperFrames 技能有什么区别？
- 本技能走 reveal.js 路线，面向常规幻灯片/课件/汇报——线性翻页、分步揭示、代码高亮，简单直接。HyperFrames 面向交互式 deck：热点分支导航、电影级镜头动效、网页移植，适合 pitch 与展示装置。普通演示默认用本技能。
- 放映需要联网吗？
- 默认模板从 CDN 加载 reveal.js，放映时需要网络。需要完全离线（比如拷到无网电脑上放映）时，直接告诉 AI 把框架与主题内联进 HTML，产出单文件即可离线打开。