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，它們每一個都找得到。每個 Skill 在你電腦上需要的東西，在每個 Agent 中都一樣：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/，以及使用者層級的 ~/.agents/skills/ 和 ~/.cursor/skills/ 讀取 Skill。它也會讀取 Claude Code 和 Codex 的資料夾，「以保持相容性」。我們的安裝程式把 Skill 放在專案的 .cursor/skills/ 中，所以請在專案資料夾中執行，或用 --dir 指定其他資料夾。

Cursor 在啟動時探索 Skill，所以安裝後請重新開啟專案。接著用同樣的方式在 Agent 對話中提出要求：說明影片的用途，以及要使用哪些檔案。

Gemini CLI

Gemini CLI 會從 ~/.gemini/skills/（或其別名 ~/.agents/skills/）載入使用者層級的 Skill，也會從工作區中的 .gemini/skills/ 載入；後者可以透過版本控制與團隊共用。安裝後，執行 /skills reload 讓工作階段看到新的 Skill，然後要求製作影片。

Google 自己的說明文件中有一點值得注意：對於免費層級和 Google One 使用者，Gemini CLI「已於 2026 年 6 月 18 日被 Antigravity CLI 取代」。如果你屬於這種情況，請查看 Antigravity 的說明文件，確認它的 Skill 資料夾；Skill 本身是同一個資料夾，你可以用 --dir 把它安裝到任何位置。

使用 Claude Free 方案？

Claude 的免費方案不包含 Claude Code，也不包含 Claude Motion。不付費購買 Claude 方案時，Codex、Cursor 或 Gemini CLI 搭配免費的 Motion Director，就是製作這類影片的方式。哪些 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 日核實。