20个开源仓库只是零件，motion studio真正难的是后面五步

eigen 在 X 上列了 20 个开源仓库，配文直接：motion studio in 20 repos。清单覆盖 React 视频引擎、弹簧动画、3D、音频、录屏和编码交付。下面这段视频是帖子附带的成品示例。

清单值得收藏，只收藏会漏掉重点。原文长文里，作者把 Claude Opus 5.5 做 motion design 的流程拆成六层：Brief Compiler、Scene Engine、Renderer、Quality Controller、Variant Generator、Delivery System。目标很具体：一个产品 brief 进来，输出 25 秒动画、3 个开场钩子、3 种比例、2 个 CTA，合计 18 个导出。下一个客户走同一条管线。

这里的技术底座是 seek(t)。25 秒、30fps 等于 750 帧。第 f 帧只计算 t=f/30 时的画面，不依赖上一帧，也不依赖 CSS 定时器。浏览器通过 Playwright 打开页面，调用 window.seek(frame/fps)，截帧，再交给 FFmpeg 编码。动画因此可以跳到任意时间点，改字、改色、改版式后重新渲染，不用重新生成整条视频。原文作者称这种输出为可编程动画。

对开发者，这意味着动画属性得写成时间的函数。对普通用户，可以理解成视频像网页一样有模板和数据：标题、logo、截图、品牌色、CTA 放在 campaign.json 里，动画组件负责怎么动。改 CTA 从 Start Free 到 Book a Demo，改数据重渲染；要竖版，改布局约束。原文提醒，竖版和横版不该共用同一套像素坐标，更像响应式网页，共享叙事和节奏，分开计算构图。

工具清单按用途分组更清楚。

渲染与时间线：

Remotion，React 视频引擎，适合把场景做成可复用组件和批量渲染。链接
Popmotion，弹簧和关键帧动画。链接
Anime.js，时间线和缓动。链接
Vivus，SVG 描边动画。链接
Fabric.js，可编辑 canvas 图形。链接
Rough.js，手绘矢量。链接

3D 与图形：

Three.js，场景、灯光、相机。链接
Threlte，Svelte 声明式 3D。链接
React Three Rapier，React 刚体物理。链接
Mitsuba 3，物理渲染。链接
glslCanvas，实时 GLSL shader 预览。链接
three-bvh-csg，3D 布尔运算。链接
OpenColorIO，VFX 色彩管理。链接

音频与口型：

MuseTalk，音频驱动口型。链接
sherpa-onnx，离线语音和转写。链接
Demucs，分离人声和乐器。链接
howler.js，音频播放和空间音效。链接

采集与交付：

OBS Studio，录屏。链接
MoviePy，Python 视频剪辑。链接
FFmpeg，编码和交付。链接

清单里 Remotion 是规模化那一步。原文作者建议用 Remotion 的 React 组件做动画标题、产品截图、数据可视化、功能揭示、logo 转场、CTA，再把不同数据传入同一套 composition。帖子回复里有人说 Remotion + Fabric.js 像 pixar motion studio guy，也有人称已经在用其中 7 个，Remotion works wonders。工具能堆出能力，堆不出稳定交付。

稳定交付靠质检。原文列了五轮检查：故事板、转场前后 timing、手机尺寸预览、品牌与事实准确、完整视频和音频。FFmpeg 可以每秒抽帧拼 contact sheet，但只看常规间隔会漏掉转场瞬间，所以还要取每个转场前后帧。原文有一句生产规则：不要相信没看过渲染输出的 agent 说动画很好。要求审查报告写清检查时间戳、问题、修复和遗留风险，交付前保留人工确认。事实校验也在这里：客户没批准的转化率，系统不能自己编。

商业化部分克制。原文作者不建议先卖 AI 工具，先卖成品包：一个产品、一条叙事、3 个钩子、3 种比例、2 个 CTA，交付 MP4、封面帧和约定修改轮次。文中给的 750 美元启动包是假设数字，原文明确说不是市场价也不是收益保证。真正该跟踪的是首个设计耗时、每个变体耗时、渲染和 API 成本、修改请求、交付错误、复购。系统只有降低重复生产工作且不牺牲质量，生意才成立。Remotion 商用许可也有条件，超过三人团队或某些自动化设置要查当前条款。

如果现在动手，原文建议先做一个类型：25 秒产品 dashboard。四个场景，强开场标题、带光标的 UI 交互、数据或功能可视化、产品身份和 CTA。先把这一条做好，再把文本、图片、颜色、时间变成配置，然后加第二种比例、第三种比例、备用钩子，最后才上批量任务和客户侧控制。原文那句值得记住：自动化一个平庸动画，只会得到更多平庸动画。

20 个仓库是零件。seek(t)、Remotion 模板、结构化 brief、质检和交付矩阵，才是那间 motion studio 的骨架。