Remotion + Claude Code 视频工作流 — 产品发布视频的 Agent 生成管线
来源：Every Context Window 2026-04-26
Every 增长负责人 Austin Tedesco 在与开源视频工具 Remotion 和 Claude Code 磨合数日后，定型了一套"产品发布短视频"的 agent 生成管线。该流程被用于生产 Sparkle 重新发布的视频（Sparkle 是 Every 出品的 agent-native Mac 文件整理工具）。
4 步工作流
第 1 步：屏幕录制真实使用过程
录制一段 2-5 分钟的真实产品使用视频。不需要专业剪辑，只需展示各项功能的原始操作。
为什么重要：屏幕录像作为"地面真相"，直接消除发布视频最常见的失真来源——"看似可信但其实是幻觉的标签和功能"。
第 2 步：模型生成故事板
将录像发送给模型（Austin 偏好 Opus），要求生成故事板。
关键提示：强调"以录像中的真实 UI 文案为准，不要幻觉"。模型通过视频理解实际界面，生成包含钩子、节奏、镜头计划的结构化故事板。
第 3 步：迭代故事板
与模型反复打磨：
- 钩子（hook）是否抓人
- 节奏是否紧凑
- 镜头切换是否自然
直到故事板达到满意状态。
第 4 步：Coding Agent 生成视频
将故事板和屏幕录像交给 Claude Code / Codex，要求用 Remotion 实现。
输出：Remotion React/JSX 组件 → Remotion 渲染引擎 → mp4 视频。
Austin 的评价："这不算真正的 one-shot，但能省下大量时间。第一版通常就达到可发布水平。"
为什么这个组合有效
| 工具 | 角色 | 优势 |
|---|---|---|
| 屏幕录像 | 地面真相 | 消除 UI 幻觉，提供真实文案和交互 |
| Opus / GPT-5.5 | 故事板生成 | 理解视频内容，规划叙事结构 |
| Claude Code / Codex | Remotion 代码生成 | 将故事板转化为可执行 React 组件 |
| Remotion | 渲染引擎 | 用代码做视频，完全在 LLM 友好的形态上 |
核心洞察：整个 pipeline 都在"代码"形态上运行，而非传统 NLE（非线性编辑）的时间线。模型生成的是代码，代码渲染成视频——没有需要手动操作的 GUI 工具。
可复制的模式
这个工作流揭示了一个更通用的 pattern：
任何"非传统创意工作"都可以被 LLM agent 拿下，前提是有一个"以代码为表达媒介"的工具。
适用领域：
- 产品演示视频
- 营销素材动画
- 数据可视化动态展示
- 教程/解说视频
不适用领域：
- 需要精细情感表达的叙事片
- 依赖实拍素材的纪录片
- 需要复杂调色和音效设计的作品
落地建议
- 从简单的产品录屏开始——不需要专业设备，手机录屏即可
- 明确指定"以录像中的真实 UI 为准"——这是避免幻觉的关键约束
- 选择 Remotion 或同类"代码即视频"工具——确保 pipeline 的末端是代码生成
- 接受"第一版可发布"的标准——不要追求 perfection，追求 speed