用途：该技能用于创建基于 reveal.js 的 HTML 演示文稿（幻灯片、演示、讲座或幻灯片放映）。产物无需构建步骤，直接在浏览器打开 HTML 即可查看。
主要能力：一份演示包含 HTML 文件（幻灯片内容并从 CDN 加载 reveal.js）与 CSS 文件（布局、颜色、字体和组件样式）。设计环节会先分析内容主题与品牌，选择合适配色与字体，要求使用网络安全字体或通过 CSS @import 引入 Google Fonts，建立清晰的视觉层级，并强调字号统一使用 pt（幻灯片为固定尺寸）。提供多组示例配色供参考或自行调整。内容上提倡布局多样化，避免连续幻灯片重复同一排版，用短要点、图标和分组打破列表。
使用方式：先规划幻灯片结构，再用脚本生成脚手架： node <path-to-skill>/scripts/create-presentation.js --structure 1,1,d,3,1,d,1 --title "My Presentation" --output presentation.html 支持 --slides N 创建 N 张横向幻灯片，--structure 用逗号列表定义混合结构（1 表示单张横向幻灯片，N>1 表示 N 张纵向堆叠，d 表示分节过渡页），另有 --output、--title、--styles。随后定制 styles.css 中的 CSS 变量（颜色、字体、字号），填充 HTML 内容，运行溢出检查： node scripts/check-overflow.js presentation.html 再用 decktape 截图逐张审阅： npx decktape reveal "presentation.html?export" output.pdf --screenshots --screenshots-directory "screenshots/$(date +%Y%m%d_%H%M%S)" 最后可提示用户用编辑脚本在浏览器内直接改文字： node <path-to-skill>/scripts/edit-html.js <presentation-directory>/presentation.html
适用场景：需要快速产出美观、专业的 HTML 幻灯片，且希望逐张截图检查视觉问题、可反复微调文案的场合。
限制：资料未提供该技能的收费、平台支持范围或性能指标等信息。