Remotion 是一个视频生成工具，它把视频制作的过程转换成了开发 React 项目，视频信息都通过 React 代码进行表达，因而天然非常适合制作视频教程，特别是 前端演示。比如 Obsidian 插件是由 typescript 实现的，就非常适合用 Remotion 来进行插件演示。今天，我就体验了一把让 Qoder 帮我制作 Sync Vault 演示视频：演示 Sync Vault 播客时间戳功能，如下图所示，点击可前往观看。
这篇文章的目的不是技术研究，主要关注点在于 Remotion 生成视频的效果，对软件项目的启示。因此不详细展开技术细节。
视频时长1分10秒，说实话，Remotion 制作的视频比自己制作的要好，有些地方还有点 Screen Studio 的味道。我比较满意的地方在于：
- 渲染出了 Obsidian 自己的界面。
- 整体演示逻辑和动画配合：光标会自动移动并伴随局部放大的动画效果。
- 配音也不错，能自己修改 音色。
- 展示的内容和 真实业务匹配度 几乎 100%
整体来看还是 React 带来的能力叠加到了 视频制作过程中。
制作过程
用 Coding Agent（比如Qoder）打开需要演示的项目，作为一个工作区，这样 Agent 就可以获取项目知识。然后告诉 Agent：
用 Remotion 帮我制作 xxx 功能的演示视频
这时候一般 Agent 会进行简单的询问，比如视频尺寸等信息。如果要更好的效果，可以配合一些skill，这里先不展开了。确定了任务后，Agent 开始噌噌干活，通过查找项目知识了解任务，然后生成 Remotion 项目。这就是 通过React编程来实现视频制作的长处：它很好地复用了 Coding Agent 能力。随着 Coding Agent 能力越来越强，生成视频的能力也会增强。
启发
拥抱 AI 的方法：产品级别的 Agent 能力复用
什么意思呢？意识是说 Agent 能力增强会天然带来产品能力的增强。比如 Remotion 把视频制作变成 React 编程能力，因此随着 Coding Agent 能力越来越强，Remotion 体验自然而然会增强。反面教材：
- 很多人 Vibe Coding 重复造轮子：随着 Coding Agent 带来的软件制作门槛降低，其他人反而可以更容易地制作出同类型产品。
- Agent 定制：是在和 广大的Agent 平级竞争，生存空间比较小，而且和 Vibe Coding 一样，Agent 制作难度也会随着 LLM 能力增强而降低。
