不写代码、不开剪辑软件，只跟 AI 讲话，就能做出教育动画、产品 Reels，甚至一次批量生成 100 支影片。本文教你用 Claude Code 搭配 Remotion，从建专案到批量输出 MP4 的完整流程。
一、建专案 + 装 Skills
开始之前，你的电脑需要 Node.js 18 以上版本和 Claude Code。确认版本后，执行以下指令建立 Remotion 专案：
npx create-video@latest模板选项依序选择：
| 步骤 | 选择 |
|---|---|
| 范本 | Blank |
| Add TailwindCSS | Yes |
| Add agent skills | Yes |
| Install to | Select specific agents |
| 勾选 | Claude Code |
| Installation scope | Project |
| Installation method | Symlink |
| Proceed with installation | Yes |
重点：Skills 就是一份说明书，教 Claude Code 怎么写 Remotion 的代码。没装这个，十之八九跑不动。选错这步后面会花 30 分钟 debug。
装好套件后，启动开发服务器：
npm i
npm run dev看到 Remotion Studio 的预览介面就成功一半了。等下 Claude 写的代码会在这里即时预览。
二、第一支影片：教育解说动画
开一个新的 terminal 视窗（dev server 要保持开着），在同一个专案资料夹里启动 Claude Code：
claude直接用中文跟它讲你要什么。你不用会 React，Claude 会帮你写，你只要会讲话就好：
帮我做一支30秒的教育解说影片，主题是「AI Agent怎么运作」。
要有5个场景，每个场景有标题、解说文字和简单的图示动画。
背景深色，文字白色，重点用亮蓝色。Claude 的工作流程是：先读取 Remotion 的 Skills 说明书，然后一口气建了 3 个档案——Scene 元件、SVG 图示动画元件、主影片组合，最后自己跑截图验证结果。两分多钟，你什么都不用做。
完成后在 Remotion Studio 点选「AIAgentExplainer」按播放，你会看到：深色背景带网格点阵、蓝色光晕效果、每个场景有 SVG 图示动画浮动、标题从下方滑入、场景间用 fade 转场，左上角有场景编号和进度条。
30 秒的教育动画，5 个场景有 fade 转场、有 SVG 图示动画、还有进度条，从头到尾你没写半行代码。
三、用对话修改影片
影片做好了，想换颜色、换图示、加字卡？直接用讲的改：
把主色从蓝色改成绿色 #22c55e，第三个场景「拆解与使用工具」的图示换成�的齿轮图案，
再加一个3秒的结尾字卡，写「Subscribe for more」讲中文它就听得懂，整支影片换了风格。但接下来要提醒一个你一定会遇到的陷阱。
模糊 Prompt 的陷阱
有时候你就是懒，或者没想清楚要改什么，忍不住打一句：
把影片改好看一点结果 Claude 大动作修改：安装 Google Fonts、建了 theme.ts、建了 Background.tsx、大改 Scene.tsx 和 OutroCard.tsx，花了 3 分多钟。画面的确变好看了——背景有粒子、icon 有光晕、Subscribe 按钮还会呼吸。Claude 很聪明，它真的在帮你变好看。
但你今天只想快速改个颜色，没要它重新设计整支影片。它新建了 4 个档案，风格也未必是你要的。下次再微调，要翻动的地方就变三倍。
原则：改东西要具体。不是 Claude 会做错，是你没讲清楚，它就会帮你做太多。具体的 prompt 得到你要的，模糊的 prompt 得到 Claude 猜的。
万一改坏了也不用怕，直接叫 Claude 撤回：
把刚才「改好看一点」的修改全部撤回，恢复到上一个版本Claude Code 底层用 git 管理版本，你的每一步修改都有记录，随时能回到任何一个版本。
四、进阶：用一张截图做产品展示影片
这招是实战中最常用的：一张网页截图，换一支 10 秒 Reels。
用截图工具对目标网站做完整长截图（从顶部到底部），把截图丢进专案的 demo-pic 资料夹，然后告诉 Claude：
用demo-pic资料夹里的截图做产品展示影片，品牌主色用 #0b84f3Claude 的思考过程很值得看：只丢了一张图和一个色码，剩下全是它决定的——画布要直式 9:16 适合 Reels、分成 Intro、滚动浏览、三个 Highlight、Outro 五段、从品牌色衍生出整套配色。
完成后在 Remotion Studio 播放 ProductShowcase：Intro 字卡升起、截图从下方滑入、整张截图平滑向上卷动、聚光灯依序打亮三个区块配上文字卡片、最后 Outro 出现 CTA 按钮。24 秒，直式 9:16，直接上传 IG Reels 或 YouTube Shorts，没有水印。
关键：这支影片是一次成型的，没有改任何地方。秘密在于 Claude 做完第一版会自己截图检查版面有没有问题，不对就自己修，修完才交给你。这个「做完自己验收」的习惯，是 Skills 里面教它的。没装 Skills，它写完就交差，版面跑掉你自己处理。
一张截图、一个色码、零手动介入，换一支可以直接上架的 Reels。Canva 模板改来改去就那几种，Runway 你控制不了细节。这边每个像素都能改，但你不用自己写 code，Claude 帮你改。
五、杀手级：批量生成影片
Remotion 最猛的地方：你做好的影片就是一个模板，文字、颜色、内容全部都是可以换的。你不用懂什么叫 React 元件、不用懂什么叫 props，Claude 会帮你处理。
把我们刚才做的教育动画改成可以接收参数的版本。
我要能透过JSON档案传入：主题名称、5个场景的标题和内容、品牌颜色。
帮我建立3个独立的JSON设定档，一个主题一个档案：
1. AI Agent怎么运作
2. 什么是RAG
3. LLM的训练流程Claude 改了多个档案、装了 zod 套件、自己写了每个主题的内容，最后在 public/topics/ 资料夹里建了三个 JSON 档。注意：你没告诉它每个主题要讲什么内容，它自己写了。RAG 分成「用户发问、检索、组合提示、生成、溯源」；LLM 训练分成「预训练、SFT、RLHF、部署」。每个都有 5 个场景、每个都有自己的配色。
预览 JSON 效果
直接改 JSON 档案，Remotion Studio 里的影片预览不会跟着变——因为 Studio 里的预览读的是代码写死的预设值，JSON 是另外给批量渲染用的。
要预览某个 JSON 的效果，最快的方法：打开那个档案、全选、复制、贴到 Remotion Studio 右边的 Props 面板。画面会立刻切换。
渲染 MP4
告诉 Claude 渲染单支影片：
用 public/topics/rag.json 渲染一支MP4关键指令是 --props 这个 flag，把任何一个 JSON 档案的路径喂进去，Remotion 就会用那组数据渲染：
npx remotion render AIAgentExplainer out/rag.mp4 --props=public/topics/rag.json一支 30 秒的影片大概 1 到 3 分钟渲染完成。接着批量渲染其他影片：
把 public/topics/ 资料夹里其他两个JSON也渲染成MP4，档名跟JSON档名一样3 支只是示范。你在 topics 资料夹里放 100 个 JSON 档，它就生 100 支。手动做 100 支要 50 个小时，现在写好模板丢数据进去，大概两三个小时跑完，你去吃个饭回来就好了。
进阶应用：这份 JSON 不只是给 Claude 用的——你也可以接试算表、接数据库、接你公司的 CMS，自动产生 JSON 档。产品上架自动产 Reels、课程更新自动产教学片，全程没人碰键盘。
六、总结与下一步
从零到批量产影片的完整流程：
| 步骤 | 做什么 | 结果 |
|---|---|---|
| 建专案 | npx create-video + 装 Skills | Remotion Studio 就绪 |
| 第一支影片 | 用中文描述需求 | 30 秒教育动画 |
| 迭代修改 | 具体描述要改什么 | 精准调整不走弯路 |
| 截图转 Reels | 一张截图 + 一个色码 | 9:16 产品展示影片 |
| 批量生成 | JSON 模板 + 批量渲染 | 100 支影片全自动 |
输出的 MP4 是标准格式，直接上传 YouTube、IG Reels，不会有水印。全程没写半行代码。
现在换你了，关掉这篇文章，打开 terminal 跑 npx create-video@latest，花 10 分钟做出你的第一支 AI 动画影片。过程中如果看到红色的报错讯息，先截图贴给 Claude，它通常能帮你修。