大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



用 Claude Code 一句话生成演示文稿——remotion-slides 使用指南

更新日期：2026-04-11 | Skill 版本：v2.5.0 | 运行环境：Claude Code（Mac/Win） | 预计时间：15 分钟 | 难度：★★☆

这是什么

给 Claude Code 一个主题，它帮你生成完整的 Reveal.js 演示文稿——HTML、PDF、PPTX 三个格式一次交付，打开浏览器就能演示，动画都内置好了。

我自己用它做过答辩 PPT、技术分享、论文讲解，最爽的地方是：它会给每张幻灯片写演讲者备注，上台前不用再准备台词。

三种使用场景：

给主题：说一句”帮我做一个关于 Transformer 的演示”，它自己规划结构

给文章：把你写的 Markdown 文章直接喂进去，忠实还原你的结构

给论文：扔一个 arXiv 链接，它帮你做学术汇报，论文首页还有滚动动画

前置要求

已安装 Claude Code（命令行或桌面版均可）

已有 remotion-slides skill 文件（.claude/skills/remotion-slides/ 目录）

可选：GEMINI_API_KEY（Gemini AI 配图用）、PEXELS_API_KEY（封面背景图用）

没有 API Key 也没关系，skill 会自动降级为纯 SVG 图表，一样能用。

步骤 1/6：安装 Skill

把 remotion-slides/ 文件夹放到 Claude Code 的 skills 目录下：

unzip remotion-slides.zip -d ~/.claude/skills/

ls /.claude/skills/remotion-slides/

→ 看到 SKILL.md、templates/、references/、scripts/ 四个条目，安装成功。

步骤 2/6：给主题，生成演示

打开 Claude Code，直接说：

帮我做一个关于”注意力机制”的演示文稿，20 分钟讲解用

或者触发词也行：

/remotion-slides 大语言模型推理加速技术对比

Claude 会先输出一份 plan.md，展示幻灯片结构规划，等你确认后再生成 HTML。

规划阶段大概长这样：

幻灯片列表（共 28 张） Slide 01: 封面 — 注意力机制：从 Seq2Seq 到 Transformer Slide 02: 为什么 RNN 不够用 — 顺序计算无法并行，长程依赖衰减 Slide 03: Attention 的直觉 — 查字典的过程 …

如果某几张不对，直接回复修改意见，它会重新规划，不会直接开始生成 HTML。

→ 确认规划后，等 2-5 分钟，/Downloads/slides- <主题> - <日期> / 生成完毕。

步骤 3/6：把你的文章变成幻灯片（文章模式）

这是我用得最多的功能。写完一篇文章想做分享，不用重新整理结构，直接：

把这篇文章做成幻灯片：

[粘贴你的 Markdown 文章全文]

文章模式的逻辑和普通模式不一样——它不会重新构建叙事，而是忠实还原你文章的章节顺序和表达。你写了什么，幻灯片就呈现什么。

几个注意点：

文章里的图片链接能直接用，它会下载并保存到 images/ 目录

代码块会保留，自动加语法高亮

一个章节如果内容太多，它会自动拆成多张幻灯片

→ 生成的幻灯片顺序和你文章的章节顺序完全一致。

步骤 4/6：做学术论文讲解

扔一个 arXiv 链接：

帮我做这篇论文的演示：https://arxiv.org/abs/2303.08774

或者把论文 PDF 放在本地，告诉它路径：

论文在 /Downloads/paper.pdf，帮我做 15 分钟的答辩演示

学术模式会多做几件事：

开场两张幻灯片：论文首页自动滚动展示，然后缩小到左边，右边显示标题、作者、期刊信息

学术定位：自动分析这篇论文建立在哪些工作之上、有哪些后续引用、同期有哪些竞争方案

结尾论文回顾：最后一张幻灯片重新展示论文首页，逐条标注核心贡献

所有数字、名称、版本号都要核对原文，它有内置事实检查流程，不会乱填。

→ 幻灯片数量通常在 25-35 张之间，适合 15-20 分钟讲解。

步骤 5/6：配置 AI 配图（可选）

不配也能跑，但配了效果好一些，尤其是概念讲解类的幻灯片。

配置 Gemini 配图（用于抽象概念的 AI 生成插图）：

export GEMINI_API_KEY=“你的 key”

配置 Pexels 配图（用于封面和总结页的高质量背景图）：

export PEXELS_API_KEY=“你的 key”

两个 key 都没有时，skill 自动用内联 SVG 图表替代，不影响使用，只是封面页背景会是纯色。

每份演示文稿里，AI 配图最多用 3 张，Pexels 背景图最多用 4 张，不会满屏都是图片把内容喧宾夺主。

步骤 6/6：查看和分享结果

生成完成后，/Downloads/ 里会有这三个文件：

slides-注意力机制-/   # 离线 HTML 包 注意力机制-slides.pdf           # PDF 版本（备用演示） 注意力机制-slides.pptx         # PPTX（可在 Keynote/PowerPoint 打开）

打开演示：双击 index.html，浏览器全屏（F 键），左右方向键翻页，S 键打开演讲者视图。

分享：把 slides- <主题> - <日期> / 整个文件夹压缩发给对方，解压后双击就能看，不需要联网。

导出 PDF：PDF 文件已经生成好了，直接发就行。如果要手动导出，在 URL 后面加 ?print-pdf 然后用 Chrome 打印。

常见问题

Q：幻灯片内容太多，每页塞了一堆字？

回复：”这几张内容太密，帮我拆分一下，每页只放一件事”。skill 默认每页只放一种主要内容，但如果你的原始材料信息密度很高，可能需要手动提示它拆页。

Q：生成到一半卡住了？

Claude Code 有时会在生成长文件时中断。直接说”继续”，它会从中断的地方接着写，不会重新来过。

Q：演示里有英文内容，但我想要中文？

规划阶段就说清楚：”全程用简体中文，包括图表标签”。默认就是简体中文，但输入是英文论文时，它有时会不自觉地保留英文标题，提前说明可以避免。

Q：PDF 打印出来动画没了？

对，PDF 是静态的，动画只在 HTML 版里有。Keynote 打开 PPTX 的话，每页都是截图，布局可以调整但文字不能编辑。

Q：想部署到网上让别人看？

把生成的 HTML 文件夹上传到 Vercel 或 GitHub Pages，把 index.html 里所有本地资源路径换成 CDN 地址就行。或者直接告诉 Claude”帮我部署到 Cloudflare Pages”，skill 有内置的部署流程。

作者：huanwang.org 下载地址见知识星球 [AI创世记]