Claude Code 还能做视频？给它一段提示词，导出 MP4 和 GIF

录友想做一条产品介绍、知识点讲解视频，最费时间的往往不是写文案，而是把字幕、画面和转场一帧帧排好。

Claude Code 可以帮你写视频代码，Remotion 负责预览和渲染。 你描述内容和风格，它生成可修改的画面，最后导出 MP4。先看看别人做出来是什么样：

要注意，这里做的是代码驱动的视频动效：文字、图形、截图、已有视频素材都能编排。它不会只凭一句话自动拍出逼真的真人镜头。

第一步：先让 Claude Code 能正常工作

已经能在项目目录里正常使用 Claude Code 的录友，直接看下一步。

还没安装或接通模型，可以先照着 国内如何使用 Claude Code：安装、接入与配置教程操作。先完成一次简单对话，再回来做视频，这样遇到问题时才分得清是 Claude Code 的接入问题，还是 Remotion 项目的问题。

除了 Claude Code，电脑还需要 Node.js (opens new window)；下文的 npx、npm 命令都由它提供。创建项目前，可以在终端运行 node -v 和 npm -v 检查。

第二步：创建视频项目

打开终端，按 Remotion 官方的编程 Agent 教程 (opens new window)创建空项目：

npx create-video --yes --blank my-video
cd my-video
npx remotion skills add
npm run dev

最后一条命令会打开 Remotion 的预览界面。这个终端先留着运行。 再开一个终端，进入同一个目录，启动 Claude Code：

cd my-video
claude

如果你是通过上面的国内接入教程安装，启动时用该教程提供的专属命令 claude-apidock。不要把两套启动命令混在一起。

第三步：复制这段提示词，让 Claude Code 开始做

先从15 秒、无配音的竖屏视频入手。主题不必很复杂，例如「三步看懂滑动窗口」。把下面整段发给 Claude Code：

请在当前 Remotion 项目中制作一条 15 秒的中文竖屏科普视频，主题是「三步看懂滑动窗口」。

画面规格：1080×1920，30 fps。目标读者是刚开始刷算法题的程序员。
风格：深色背景、蓝色强调色、清晰的大号中文字体；画面简洁，不要堆满文字。

分镜：
1. 0～3 秒：标题「滑动窗口，为什么不用每次重算？」展示一个数组，窗口框住连续 3 个数字。
2. 3～8 秒：窗口向右移动一格；旧数字淡出、新数字亮起，显示「减去左边，加上右边」。
3. 8～12 秒：数组用 [1, 2, 3, 4]，窗口长度为 3；展示 1+2+3=6，右移后 6-1+4=9，数字变化要与画面一致。
4. 12～15 秒：出现总结「固定长度窗口：一次移动，只改两个数」。

要求：
- 使用当前项目已安装的 Remotion Agent Skills，并遵循其规范。
- 把分镜做成可编辑的 Remotion 组件，不要只输出方案或伪代码。
- 不使用未经提供的图片、音乐、字体或外部付费服务；没有素材时用代码绘制图形。
- 动画节奏不要过快，文字保持足够长的可读时间，避免元素遮挡和画面边缘裁切。
- 完成后告诉我 composition ID、预览方式，并检查开头、中间、结尾的画面。
- 暂时不要提交 Git，也不要发布到外部平台。

这里把时长、尺寸、分镜、素材边界和验收要求都写出来了。只说“帮我做个好看的视频”，Claude Code 很容易自己猜主题和节奏，返工反而更多。

如果想做产品宣传片，把数组例子换成产品截图和三项卖点，并把截图放到项目里，再告诉 Claude Code 文件路径。素材的版权和商用权限仍要自己核对。

第四步：预览、修改、导出

在 Remotion 预览页逐段播放，重点看三件事：字有没有被裁掉，数字变化对不对，结尾是否留够阅读时间。 不满意就继续告诉 Claude Code 具体修改：

第 2 段窗口移动太快，请放慢 0.5 秒；第 3 段数字例子的计算过程再清楚一点。
保持总时长 15 秒，修改后重新检查开头、中间和结尾画面。

确认后，在项目目录运行下面的命令导出。先用 npx remotion compositions 查看实际的 composition ID，再把示例中的 YourCompositionId 替换掉：

npx remotion compositions
npx remotion render YourCompositionId out/video.mp4
npx remotion render YourCompositionId out/preview.gif --codec=gif --every-nth-frame=2

Remotion 官方渲染文档 (opens new window)给出 MP4 的导出方式；GIF 文档 (opens new window)说明了 --codec=gif 和降帧参数。GIF 适合放文章里快速预览，正式发布时优先使用 MP4，声音也要以 MP4 为准。

先做一条短片，把提示词、预览、修改、导出跑通。 如果你现在卡在 Claude Code 的安装或接入，回到国内使用 Claude Code 教程，从第一步开始即可。