Motion Skills
← 教程

用 Codex、Cursor 或 Gemini CLI 做视频

可以。借助一个 Agent Skill，Codex、Cursor 和 Gemini CLI 都能把片子写成代码，并在你的电脑上渲染出 MP4，方式与 Claude Code 相同。Skill 就是带有 SKILL.md 文件的文件夹，这三个 Agent 都能读取，区别只在于安装到哪个文件夹。如果你使用的是不包含 Claude Code 的 Claude 免费套餐，这也是可行的做法。

各文件夹位置均来自各个 Agent 自己的文档，已于 2026 年 10 月 29 日核实。

哪些 Agent 可以用

Motion Skills 采用开放的 Agent Skills 格式编写：一个文件夹，包含 SKILL.md（说明）以及参考资料和脚本。下面这些 Agent 都能加载它们：

Agent 我们的安装程序把 Skill 放在哪里 按该 Agent 的文档，还会读取
Claude Code ~/.claude/skills/<slug>/（或项目中的 .claude/skills/）
Codex ~/.agents/skills/<slug>/ 代码仓库中的 .agents/skills/
Cursor 项目中的 .cursor/skills/<slug>/ ~/.cursor/skills/、~/.agents/skills/、.agents/skills/
Gemini CLI ~/.gemini/skills/<slug>/ ~/.agents/skills/、工作区中的 .gemini/skills/

注意这个共用的文件夹：Codex、Cursor 和 Gemini CLI 都会读取 ~/.agents/skills/，所以放在那里的 Skill，三者都能找到。无论在哪个 Agent 中，每个 Skill 在你的电脑上需要的东西都一样：Node.js 22 或更新版本、FFmpeg 和 Google Chrome（见需要准备什么）。

在任意 Agent 中安装

最快的方法在哪里都一样。把这句话粘贴到你的 Agent 中：

Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.

Agent 会读取这份指南并运行一条命令；第一次运行时，浏览器会打开一个页面：用 Google 登录，并确认终端中显示的验证码。如果你更想自己运行命令，每个 Skill 页面都在复制安装提示词 → 命令行安装下提供了适用于每个 Agent 的命令。对于免费的 Motion Director，命令是这样的：

npx --yes motion-skills@^0.1.2 install motion-director --agent codex

把 codex 换成 cursor 或 gemini 即可。从下载的 ZIP 手动安装的方法，见如何安装 Agent Skills。

Codex

Codex 从 ~/.agents/skills/ 加载你的用户级 Skill，也从当前文件夹及其上级文件夹（直到代码仓库根目录）中的 .agents/skills/ 加载。我们的安装程序使用用户级文件夹，所以这个 Skill 在每个项目中都可用。

Codex 会自动发现新的 Skill；如果没有出现，重启 Codex。然后在存放素材的文件夹中，用平常的话提出要做的片子：

用 README.md 和 CHANGELOG.md 中的 2.0 更新说明，为这个代码仓库做一支 15 秒的发布预告片，16:9。

Skill 会读取这些文件，给你看三个方向（每个一张画面），写出你选的那个，创作配乐，检查每一帧，然后在你的项目中渲染出 MP4。如果 Codex 的沙盒拦截了 Skill 做检查时要用的浏览器或本地服务器，请在询问时批准，不要跳过检查。

Cursor

Cursor 从项目中的 .agents/skills/ 和 .cursor/skills/ 读取 Skill，也从用户级的 ~/.agents/skills/ 和 ~/.cursor/skills/ 读取。它还会「出于兼容性」读取 Claude Code 和 Codex 的文件夹。我们的安装程序会把 Skill 放进项目的 .cursor/skills/，所以请在项目文件夹中运行它，或者用 --dir 指定另一个文件夹。

Cursor 在启动时发现 Skill，所以安装后请重新打开项目。然后在 Agent 对话中用同样的方式提出要求：说明片子的用途，以及要用哪些文件。

Gemini CLI

Gemini CLI 从用户级的 ~/.gemini/skills/（或别名 ~/.agents/skills/）以及工作区中的 .gemini/skills/ 加载 Skill，后者可以通过版本控制与团队共享。安装后运行 /skills reload，让当前会话识别新的 Skill，然后再提出要做的片子。

Google 自己的文档中有一点需要注意：对于免费层级和 Google One 用户，Gemini CLI「已于 2026 年 6 月 18 日被 Antigravity CLI 取代」。如果你属于这种情况，请在 Antigravity 的文档中查找它的 Skill 文件夹；Skill 本身还是同一个文件夹，你可以用 --dir 把它安装到任何位置。

用的是 Claude Free？

Claude 的免费套餐不包含 Claude Code，也不包含 Claude Motion。在 Codex、Cursor 或 Gemini CLI 中使用免费的 Motion Director，就能在没有付费 Claude 套餐的情况下做出这类视频。哪些 Claude 套餐包含哪些功能，以及其他所有做法，见 Claude Motion 不在你的套餐里？。

示例片

我们的示例片都是在 Claude Code 中制作的。Skill 在每个 Agent 中都是同样的文件，所以同一个 Skill 在 Codex、Cursor 或 Gemini CLI 中执行的步骤也一样；片子最终做得怎么样，还取决于你的 Agent 使用的模型。

去东京最短的路

为什么纽约到东京最短的路线会向北绕过北极圈：平面地图折成地球仪就明白了。机场坐标来自 OurAirports，地图来自 Natural Earth。

竖屏短片 示例9:16 · 18 秒

Vite 什么时候超过了 webpack

2021 年以来每月的 npm 下载量：2025 年 9 月交叉，单月尖峰直接标在图上。

数据片 示例16:9 · 22 秒

数据来自 npm 下载量接口，2026 年 10 月 24 日取数。

第一支是用竖屏短片 Skill 做的竖屏短视频，第二支是用数据片 Skill 做的数据视频。作品中的每支片子都注明了制作它的 Skill。想看一支真实片子从需求说明到最后一次修改的分步过程，见如何用 Claude Code 做视频；安装之后的每一步，在这些 Agent 中都是一样的。

常见问题

Codex 或 Cursor 能做视频吗？

能。借助一个 Agent Skill，Codex、Cursor 和 Gemini CLI 都能把片子写成代码，并在你的电脑上渲染出 MP4。采用开放 Agent Skills 格式的 Skill 在这些 Agent 中通用，区别只在于安装到哪个文件夹。

Codex、Cursor 和 Gemini CLI 的 Skill 放在哪里？

Codex：~/.agents/skills//。Cursor：项目中的 .cursor/skills//，或用户级的 /.cursor/skills/。Gemini CLI：/.gemini/skills//。三者都还会读取 ~/.agents/skills/。如果新的 Skill 没有出现，重启 Codex 或 Cursor；在 Gemini CLI 中，运行 /skills reload。

Gemini CLI 支持 Skill 吗？

支持。Gemini CLI 从 ~/.gemini/skills/ 和工作区中的 .gemini/skills/ 加载 Skill，运行 /skills reload 即可识别新的 Skill。Google 表示，对于免费层级和 Google One 用户，Gemini CLI 已于 2026 年 6 月 18 日被 Antigravity CLI 取代。

这是 Claude Motion 吗？

不是。Claude Motion 是 Anthropic 在 Claude 中提供的功能，面向 Team 和 Enterprise 套餐。这是一个独立的 Skill，可以在你自己的 Agent 中做出同类视频。

参考来源

本指南为独立内容，与 OpenAI、Cursor、Google 或 Anthropic 均无关联。产品名称是其各自所有者的商标。已于 2026 年 10 月 29 日核实。