Claude Code + Remotion实战：6个AI代码做视频的真实案例拆解

为什么用代码做视频正在成为AI时代最高效的剪辑方式

传统视频剪辑的痛点，做过的人都懂：找素材、做动画、加音效、调字幕，这些重复性工作吃掉了大量本该用来思考和创作的时间。而现在，Claude Code + Remotion 这套组合正在开辟一条完全不同的路径——用AI写代码的方式来做视频。

Claude Code是Anthropic推出的命令行AI编程工具，它允许开发者在终端中与Claude直接对话，Claude可以读取项目文件、理解代码上下文、编写和修改代码、执行命令并查看结果。与传统的对话式AI不同，Claude Code具备"agentic"能力——它能自主规划多步骤任务、在文件系统中导航、运行测试并根据结果迭代修改。

传统对话AI vs. Agentic AI：传统对话式AI（如网页版ChatGPT）是无状态的单轮或多轮对话系统，每次交互都需要用户手动复制粘贴代码、切换工具、执行命令。而"Agentic AI"（智能体AI）则具备自主规划和执行能力：它能感知环境（读取文件系统）、制定计划（分解多步骤任务）、执行行动（运行终端命令）、观察结果（读取输出）并迭代调整。这种"感知-规划-执行-反馈"的闭环能力，使得Claude Code可以像一个真正的协作者一样参与项目，而不仅仅是一个"代码生成器"。在视频制作场景中，这意味着它能理解整个Remotion项目的结构，在多个组件文件之间协调修改，并通过预览反馈持续优化效果。

这种深度集成的工作方式使得它特别适合需要理解项目结构、管理多个组件文件、并反复预览调试的视频制作场景。

这个思路的底层逻辑其实很直观：视频的本质就是每秒播放24到60张图片产生的动画错觉，而网页本身就是用代码"画"出来的。把上千张网页叠在一起，就是动画。Remotion正是基于这个原理，用React代码来生成视频。

具体来说，Remotion是一个由Jonny Burger于2021年创建的开源视频制作框架，它的核心思想是将视频的每一帧视为一个React组件的渲染结果——开发者用JSX描述画面内容，用JavaScript控制动画逻辑，Remotion则负责按照指定帧率（如30fps）逐帧渲染，最终通过FFmpeg编码为MP4等视频格式。

React组件化思维与视频制作的契合：React是Facebook（现Meta）于2013年开源的前端JavaScript框架，其核心思想是将UI拆分为可复用的"组件"，每个组件管理自己的状态和渲染逻辑。这种组件化思维与视频制作的契合点在于：一段视频本质上也是由标题动画、数据图表、字幕条、转场效果等独立"模块"组合而成的。在Remotion中，每个视觉元素都是一个React组件，可以独立开发、测试和复用——就像搭积木一样组合出完整视频。这与传统剪辑软件中"时间轴+图层"的线性思维截然不同，代表了一种更具工程化视角的内容生产方式。

这意味着开发者可以使用整个Web生态的能力（CSS动画、SVG、Canvas、WebGL等）来制作视频，同时享受React的组件化和状态管理等工程化优势。Remotion还提供了useCurrentFrame()等Hook，让开发者精确控制每一帧的画面状态，实现传统剪辑软件中关键帧动画的效果。而AI最擅长的恰恰就是写代码——我们只需要描述想要的效果，Claude Code就能自动推理出实现方式并输出Remotion代码。

值得一提的是，Remotion在最终输出视频时，会先将每一帧渲染为PNG图片序列，然后调用FFmpeg将这些图片按照指定帧率编码为视频文件。

FFmpeg：视频处理的隐形基础设施：FFmpeg诞生于2000年，由法国程序员Fabrice Bellard创建，如今已成为全球最重要的多媒体处理基础设施之一。几乎所有你能叫出名字的视频软件——VLC、Handbrake、Adobe Premiere、OBS、YouTube的转码服务——底层都依赖FFmpeg处理视频编解码。它支持超过400种音视频格式，实现了H.264、H.265、AV1、VP9等几乎所有主流编解码器。在Remotion的工作流中，FFmpeg承担的是"最后一公里"工作：将React渲染出的PNG帧序列，按照指定的帧率、码率、色彩空间编码为最终的MP4文件。这个过程完全可控，意味着创作者可以精确指定输出质量，从社交媒体压缩版到广播级高码率版，一套代码适配所有场景。

FFmpeg还负责处理音频混合、视频压缩、格式转换等工作。这意味着"代码做视频