Motion Skills
← 教程

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,步骤是:

  1. 用 npx create-video --yes --blank my-video 创建项目,
  2. 用 npx remotion skills add 添加这些 Skill(Skill 页面也给出了 npx skills add remotion-dev/skills),
  3. 用 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,也不用自己写片子。

一镜到底的 Motion Skills

我们自己的发布片,全程没有剪切:标志方块依次变成安装、你的素材、三个方向、成片和配乐、一次修改,最后放出七支真实示例片。

发布片 示例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 无关联。Remotion 是其所有者的商标。已于 2026 年 10 月 29 日核实。