Remotion Agent Skills 与 Motion Skills:各自让你的 Agent 做什么
Remotion 的 Agent Skills 教你的编程 Agent 使用 Remotion API,让它写出正确的 React 视频代码;故事、节奏和声音仍由你决定。Motion Skills 的完整版 Skill 教给 Agent 的是做片子本身:它选定方向、写出片子、配乐、检查每一帧,并渲染出 MP4。Remotion 对个人和 3 人以内的公司免费;Motion Skills 的 Motion Director 对所有人免费。下文介绍两者各做什么、团队使用各要花多少钱,以及什么情况该选哪个。
Remotion 的信息来自 remotion.dev 和 remotion.pro,已于 2026 年 10 月 29 日核实。Motion Skills 是我们做的,看我们对它的描述时请考虑到这一点。
Remotion 的 Agent Skills 是什么
Remotion 让你用 React 组件写视频:每一帧都是你的组件在某个帧号下的渲染结果。它的编程 Agent 指南点名了 Claude Code、Codex、Kimi Code 和 OpenCode,步骤是:
- 用
npx create-video --yes --blank my-video创建项目, - 用
npx remotion skills add添加这些 Skill(Skill 页面也给出了npx skills add remotion-dev/skills), - 用
npm run dev预览,再在第二个终端中启动你的 Agent。
这些 Skill 本身是一组各有侧重的说明。/remotion-best-practices 涵盖其余部分;其他还有 /remotion-create、/remotion-markup(「合成、动画、布局、排版、媒体元素、效果、音频、字体、时间控制」)、/remotion-studio、/remotion-render、/remotion-captions、/remotion-maps、/remotion-interactivity、/remotion-license 和 /remotion-upgrade。
它带给你的是:一个按 Remotion 推荐方式编写 Remotion 代码的 Agent,项目归你所有,用 Remotion 的工具渲染。留给你的是:视频说什么、场景顺序、时间安排、视觉风格、音乐,以及成片好不好。如果你在做视频产品,或者一个要渲染成千上万次的模板,并且想掌控每个组件,这样分工正合适。
Motion Skills 的完整版 Skill 做什么
Motion Skills 的完整版 Skill 同样是 Agent Skill,但它承载的是做片子的方法,而不是一套 API。每个片型都有一个:发布片、讲解片、数据视频、竖屏短视频、带旁白的演示文稿等,每个都有自己的风格。你把素材交给 Agent,说明片子的用途。接下来 Skill 会:
- 阅读素材,并维护一份
sources.md:屏幕上出现的每一句文字、每个数字和名称,以及它来自哪个文件或 URL; - 提出方向,在动手制作之前给你看真实的画面;
- 写分镜说明:各个节拍、开场钩子、落在最强节拍上的核心信息,以及结尾;
- 制作片子,用 HTML、CSS 和 GSAP 写成,是一个随时间变化的函数;
- 配乐:为这支片子创作的原创音乐,并为你的主题写一个动机;
- 检查:用
mo check查找被截断、被遮挡或对比度不足的文字,用mo audit确保每一行都有来源,并截取关键时刻的静帧,逐一查看并修正; - 渲染 MP4,用我们的开源引擎 motion-skills 在你的电脑上完成,并接受用平常的话提出的修改。
它不使用 Remotion。完整版 Skill 运行在 motion-skills 上,思路与 HyperFrames 相同:片子是 HTML、CSS 和 GSAP,在 Chrome 中逐帧渲染,再用 FFmpeg 编码。你不需要 React,也不用自己写片子。
我们自己的发布片,全程没有剪切:标志方块依次变成安装、你的素材、三个方向、成片和配乐、一次修改,最后放出七支真实示例片。
发布片 示例16:9 · 26 秒
每句文字都出自本站自己的页面。
这支发布片用发布片 Skill 根据本站自己的页面制作,一镜到底:安装、你的素材、三个方向、片子和配乐、一次修改,最后是真实的示例片。
许可与费用
| 谁可以免费使用 | 付费选项 | 付费买的是什么 | |
|---|---|---|---|
| Remotion | 个人和 3 人以内的公司,商业用途不受限制 | Remotion for Creators:每个席位每月 $25。Remotion for Automators:每次渲染 $0.01,每月最低 $100。Enterprise 每月 $500 起 | 在 4 人及以上的公司中使用这个框架 |
| Motion Skills | 所有人,限 Motion Director(10–20 秒的片子) | 每个完整版 Skill $4.90,或购买全部:每月 $9.90、每年 $79,或一次性 $169 | Skill 本身;不用积分,没有按次渲染的费用 |
Remotion 的免费许可适用于「个人和最多三人的公司」;Company License 则是「协作项目和 4 人及以上的公司所必需的」。详情见它的许可证常见问题和 remotion.pro。Motion Skills 的价格见我们的价格页。两种情况下,你的编程 Agent 本身的套餐都另外计算。
什么时候选 Remotion
- 你在做视频产品:个性化视频、由用户填写内容的模板、渲染流水线。
- 你要大规模渲染,在服务器或云端进行,并希望按次计费。
- 你的团队已经在写 React,希望每个组件都由自己掌控。
- 你想自己设计动效,用 Agent 更快地写出代码。
什么时候选完整版 Skill
- 你需要一支片子或几支:发布片、讲解片、数据视频、短视频、演示文稿。
- 片子应该来自你自己的素材,每个数字都能追溯到出处。
- 你不想搭一个 React 项目,也不想自己写故事、时间安排和音乐。
- 你希望 Agent 在你看到之前先检查自己的画面。
拿不准?Motion Director 不收费,可以做一支 10–20 秒、任意类型的片子,你可以先看看 Skill 会怎样处理你的素材,再做决定。各个 Agent 的安装方法见如何安装 Agent Skills。
两者一起用
它们是互不冲突的独立工具。两者都以 Skill 的形式安装,所以同一个 Agent 可以既有用于程序化视频项目的 Remotion Skill,又有用于单支片子的完整版 Skill。常见的分工是:产品里的视频功能用 Remotion,宣布这项功能的发布片交给完整版 Skill。
两个引擎的并列对比见 HyperFrames 与 Remotion 对比;更多工具(包括浏览器应用)见 Claude Motion 替代方案。
常见问题
Remotion 免费吗?
Remotion 对个人和 3 人以内的公司免费。4 人及以上的公司需要购买 Company License;在 remotion.pro 上,Remotion for Creators 每个席位每月 $25,Remotion for Automators 每次渲染 $0.01,每月最低 $100。
Remotion 的 Agent Skills 能做什么?
它们教 Claude Code 或 Codex 等编程 Agent 写出正确的 Remotion 代码:由当前帧驱动的 React 合成。故事、节奏和声音仍由你决定,项目的预览和渲染也用 Remotion 的工具完成。
Remotion 和 Motion Skills 能一起用吗?
能。它们是相互独立的工具。团队可以继续用 Remotion 做程序化视频,同时用完整版 Skill 做单支的发布片或讲解片。
Motion Skills 用的是 Remotion 吗?
不是。完整版 Skill 运行在我们的开源引擎 motion-skills 上:片子是 HTML、CSS 和 GSAP,在 Chrome 中逐帧渲染,再用 FFmpeg 编码。
参考来源
- Remotion,Coding agents 和 Agent skills
- Remotion,remotion.pro 和 License
本对比为独立内容,与 Remotion 无关联。Remotion 是其所有者的商标。已于 2026 年 10 月 29 日核实。