HyperFrames 与 Remotion：AI 做视频该选哪个引擎？
两者都能让 Agent 用代码写视频并渲染成 MP4。区别在于 Agent 要写的是什么，以及许可证：HyperFrames 用的是 HTML、CSS 和 GSAP，采用 Apache 2.0 许可证；Remotion 用的是 React，对个人和 3 人以内的公司免费。
许可证和价格信息均来自各项目自己的页面，已于 2026 年 10 月 29 日核实。
HyperFrames
- **写什么：**HTML、CSS 和 GSAP 时间轴，Agent 本来就写得很熟练。
- **渲染：**CLI（
npx hyperframes render）驱动无头 Chrome 和 FFmpeg 逐帧渲染，结果可复现。需要 Node.js 22 或更新版本，以及 FFmpeg。 - 为 Agent 设计：
check会做语法、运行时、排版、动效和对比度检查；snapshot能截取静帧，让 Agent 在渲染前先看看自己的成果。它提供一个 Claude Code 插件和若干独立的 Skill。 - **许可证：**Apache 2.0，可免费商用。github.com/heygen-com/hyperframes
Remotion
- **写什么：**React 组件，配合按帧计算的 Hook（
useCurrentFrame）。 - **优势：**生态成熟，擅长大规模的数据驱动、程序化视频，支持在 Lambda 上做服务端渲染。
- **面向 Agent：**官方的 Agent Skills（
npx remotion skills add）教 Claude Code、Codex 或 Cursor 写出正确的 Remotion 代码。 - **许可证：**个人和 3 人以内的公司免费；4 人及以上的公司需要购买 Company License。
许可证一览
| 许可证 | 免费对象 | 何时付费 | |
|---|---|---|---|
| HyperFrames | Apache 2.0 | 所有人，包括商用 | 引擎本身永远不收费 |
| Remotion | Remotion License | 个人和 3 人以内的公司 | 4 人及以上：Remotion for Creators，每个席位每月 $25；Remotion for Automators，每次渲染 $0.01，每月最低 $100 |
| Motion Canvas | MIT | 所有人，包括商用 | 库本身永远不收费 |
Motion Canvas 的定位
Motion Canvas 是第三个选择，思路不同：它是「一个用生成器来编写动画的 TypeScript 库」，另有一个能实时预览动画的编辑器。每段动画都是你亲手写下的一串步骤，适合想掌控每个节拍的讲解片。它不像 HyperFrames 和 Remotion 的 Skill 那样围绕 Agent 设计，README 里也没有介绍一条命令就渲染出 MP4 的方式，所以视频怎么导出，请查看它的文档。
我们选择了哪个
我们的完整版 Skill 和免费的 Motion Director 运行在我们自己的开源引擎 motion-skills 上（mo，通过 npx 运行）。它的思路和 HyperFrames 一样：一支片就是 HTML、CSS 和 GSAP，在 Chrome 里逐帧渲染，再用 FFmpeg 合成；mo check 会在渲染前找出被截断、被遮挡或对比度不够的文字。我们早期的动效模板（现在作为示例保留在网站上）则直接基于 HyperFrames：HTML 和 CSS 让它们可读、好手改，内置检查能及早发现排版问题。
如果你的团队已经在用 React 和 Remotion，同样的动效思路也完全适用。决定视频好坏的是手艺（节奏、字体、缓动、克制），而不是引擎。Remotion 的 Agent Skills 和我们的完整版 Skill 相比各做了什么，见Remotion 的 Agent 技能与 Motion Skills 对比；用 Claude Code 做视频的所有方式，见如何用 Claude Code 做视频。
常见问题
HyperFrames 可以免费商用吗？
可以。HyperFrames 以 Apache 2.0 许可证开源，在工作中使用无需为引擎付费。它需要 Node.js 22 或更新版本以及 FFmpeg，在无头 Chrome 中渲染。
选 HyperFrames 还是 Remotion？
如果你的 Agent 写的是 HTML、CSS 和 GSAP，选 HyperFrames；如果你的团队用 React，或者需要大规模渲染，选 Remotion。
Remotion 免费吗？
对个人和 3 人以内的公司免费。4 人及以上的公司需要 Company License：Remotion for Creators 每个席位每月 $25，Remotion for Automators 每次渲染 $0.01，每月最低 $100。
Motion Canvas 怎么样？
Motion Canvas 是一个采用 MIT 许可证的 TypeScript 库，用代码驱动动画，带一个实时预览编辑器。它适合你亲手编写的讲解片，而不是由 Agent 替你写出的片子。
参考来源
本对比为独立内容，与 HeyGen、Remotion 或 Motion Canvas 均无关联。已于 2026 年 10 月 29 日核实。