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:畫面上的每一句文字、每個數字和名稱,以及它們來自哪個檔案或網址; - 提出方向,並在動手製作前給你看真實的畫面;
- 撰寫構想稿:節拍、開場鉤子、落在最強節拍上的重點、結尾;
- 製作影片,用 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 比較;更多工具(包括瀏覽器 App),請見 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 日核實。