一句话生成专业PPT！Claude Code 做演示的正确姿势

每次要做个演示 PPT，我都想逃避——找模板、调格式、改配色，一套流程下来半小时没了，内容还没开始写。

如果现在告诉你：给 AI 一句话，就能生成一套专业级的 Reveal.js 演示文稿，带主题、带图表、带动画，还不用装任何 build 工具，你信吗？

revealjs-skill 就是干这个的。

它是做什么的

这是一个 Claude Code 的插件 Skill，安装后在对话里直接用自然语言描述你想做的演示，它就能帮你：

• 规划幻灯片结构
• 选配色和设计风格
• 生成完整 HTML + CSS 文件
• 自动检测内容是否溢出边界
• 给每张幻灯片截图检查视觉效果

生成的直接就是一个可运行的 HTML 文件，浏览器打开就能演示，也可以导出 PDF。

核心功能一览

对比 PowerPoint 和 Keynote，它有几个很实在的优势：

• 专业主题 + 多栏布局：不像模板那样千篇一律，可以定制配色、字体、呼叫框
• Chart.js 图表集成：数据可视化直接内嵌，PPT 里嵌图表的痛苦谁做谁知道
• 演讲者备注：每页都能加备注，演讲的时候不怕忘词
• 动态动画和过渡效果：Slide 切换动画，提升观看体验
• 无构建步骤：生成的 HTML 直接用，不用 npm build、不用装包
• 编辑脚本：生成后可以用内置脚本在浏览器里直接点击编辑文字，不用碰 HTML

怎么安装使用

两步搞定：

# 在 Claude Code 里安装
/plugin marketplace add ryanbbrown/revealjs-skill
/plugin install revealjs@revealjs-skill

# 安装依赖（用于溢出检测和 PDF 导出）
npm install --prefix ~/.claude/plugins/cache/revealjs

然后直接开干：

"帮我做一个关于可再生能源趋势的 10 页演示"
"做一个 SaaS 创业公司的融资路演 PPT"
"做一个带图表的季度业务复盘报告"

Claude Code 会自动规划结构、选配色、生成代码、检查视觉问题，全程不用你动手。

实际体验

我试了「季度业务复盘」这个场景，Claude 自动生成了 8 页幻灯片：封面、目标回顾、数据概览、关键指标图表、问题分析、改进建议、下一步计划、Q&A。配色选了一个沉稳的深蓝+橙色商务风格，图表直接内嵌了 Chart.js 渲染的折线图。

生成后 AI 还自动做了溢出检测，确保每页内容没有超出边界。整个过程大概 2 分钟，比我平时手动做快 10 倍不止。

GitHub 链接

https://github.com/ryanbbrown/revealjs-skill · 380 ⭐

作者还做了一个在线示例可以先看效果再决定装不装：https://ryanbbrown.com/revealjs-skill/examples/revealjs/presentation.html

下次要做演示，试试这个 Skill，你会回来谢我的。

GitHub: https://github.com/ryanbbrown/revealjs-skill