Reveal.js 演示文稿

revealjs-skill 是 Ryan Brown 开发的社区 Claude Code Skill（MIT），能把自然语言需求变成 reveal.js HTML 演示文稿。无需构建步骤：直接用浏览器打开生成的 HTML，也可以导出 PDF。仓库附带在线示例，我们在 2026-09-23 查看时，最新提交日期为 2026-05-02。

核心功能

• 脚手架脚本：create-presentation.js 生成 HTML 骨架，模型不必在样板代码上浪费 token。--structure 1,1,d,3,1,d,1 可以混合单页、纵向幻灯片组和章节分隔页。
• 自定义 CSS 主题：基础样式表用 CSS 变量控制颜色、字体、提示框和版式。Skill 要求模型先说明设计思路，按主题挑选配色，并且所有字号都用 pt。
• 组件：多栏布局、提示框、Chart.js 图表、Font Awesome 图标、代码高亮、演讲者备注、动画和切换效果。
• 质量检查：check-overflow.js 用 Playwright 找出超出页面边界的内容，Skill 还要求逐页检查 DeckTape 截图。?export 参数会关闭图表动画，保证导出 PDF 时图表完整显示。
• 浏览器内编辑：edit-html.js 在本地启动服务，点击任意文字即可直接修改并保存回文件。

适用场景

• 需要保留可复制代码示例的技术分享。
• 带 Chart.js 数据图表的路演和季度汇报。
• 想以纯 HTML 和 CSS 放进 Git 做版本管理的演示文稿。

定价与获取

免费，MIT 许可。溢出检查和 PDF 导出需要 Node.js 依赖（Playwright、Cheerio 和一个 DeckTape 分支）。reveal.js 本身从 CDN 加载。

快速开始

1. 在 Claude Code 中运行 /plugin marketplace add ryanbbrown/revealjs-skill，再运行 /plugin install revealjs@revealjs-skill。
2. 安装依赖：npm install --prefix ~/.claude/plugins/cache/revealjs。
3. 让 Claude "做一份 10 页的可再生能源趋势演示"，然后用 npx decktape reveal "presentation.html?export" output.pdf 导出。

局限：reveal.js 从 CDN 加载，离线演示需要额外配置。DeckTape 依赖的是作者个人维护的分支（增加了 --slides 参数），后续更新取决于这个分支。

常见问题

不用插件系统能安装吗？

可以。把 skills/revealjs 复制到 ~/.claude/skills/ 或项目的 .claude/skills/，再运行 npm install。

能生成 PowerPoint 文件吗？

不能。输出是 HTML 和 CSS，可导出 PDF。仓库的 examples 目录里虽有一份 PPTX 示例，但 Skill 本身生成的是 HTML。

替代方案

• Scientific Slides Skill：面向学术报告、由 AI 生成图片式幻灯片。
• consulting-pptx-skill：面向商务场景的原生 PowerPoint 演示。
• Web Artifacts Builder Skill：需要比幻灯片更强交互时，用 React 构建更丰富的 HTML 作品。

总结

Reveal.js Presentations 适合想要可编辑、可版本管理、带真实文字和代码的 HTML 幻灯片的开发者和讲者。如果听众要的是 .pptx 文件，请改用 PowerPoint 类 Skill。更多演示工具见 Skills 分类。