remotion-dev/skills 是什麼、怎麼安裝：Remotion 官方 Agent Skills，用 Claude Code / Codex 寫 React 影片

本文根據 remotion-dev/skills 倉庫 README、Remotion 官方文檔的 Agent Skills 頁面和 npx skills 工具說明整理，資料核對於 2026-10-10。

是什麼

Remotion 是一個用 React 代碼製作影片的框架：畫面是組件，動畫靠逐幀計算，最後渲染成影片文件。remotion-dev/skills 是 Remotion 團隊維護的官方技能倉庫，把「在 Remotion 項目裏應該怎麼寫」整理成一組 Agent Skills，交給 Claude Code、Codex、Kimi Code、Cursor 這類編程智能體使用。

它解決的是一個很具體的問題：讓 AI 寫 Remotion 代碼時，模型容易把普通網頁動畫的習慣帶進來，或者用錯接口。有了這組技能，智能體會先讀官方給的寫法再動手，你只需要用自然語言描述想要的片子。

截至 2026-10-10，GitHub 顯示該倉庫 4982 Star、553 Fork，最近一次推送 2026-10-07。README 頂部的註釋說明這份文件由腳本自動生成，不是手工維護的清單。

包含哪些 Skill

README 列出 12 個技能，都以 remotion- 開頭：

• remotion-best-practices：總技能，涵蓋其餘全部；不確定該用哪個時就用它；
• remotion-create：新建 Remotion 項目或新的合成（composition）；
• remotion-markup：寫 Remotion 畫面代碼的規範，涉及合成、動畫、佈局、字體排印、媒體元素、特效、音頻、時間控制；
• remotion-studio：啟動 Studio 預覽影片；
• remotion-render：發起渲染，輸出影片或單幀圖片；
• remotion-maps：地圖動畫，包括靜態地圖、路線與標記動畫、地理講解，以及三維地球飛行鏡頭；
• remotion-captions：字幕相關的指導；
• remotion-saas：把 Remotion 做進應用或產品時的架構建議；
• remotion-interactivity：讓代碼在 Studio 裏可選中、可編輯；
• remotion-docs：搜尋 Remotion 文檔，並把任意頁面取成 Markdown；
• remotion-upgrade：升級 Remotion 及相關依賴，連同已安裝的技能一起更新；
• remotion-multimedia：在瀏覽器端處理音影片、讀取媒體元數據的建議。

怎麼安裝

README 給的安裝命令：

bash
npx skills add remotion-dev/skills

新建 Remotion 項目時也會詢問是否順帶裝上技能：

bash
bun create video

npx skills 是通用的技能安裝工具，需要 Node.js；按它的說明，預設裝到當前項目，加 -g 裝到用戶目錄，-a 可以指定裝給哪個智能體。README 沒有提供 Claude Code 插件市場命令，也沒有 claude.ai 上載 ZIP 的說法——這組技能要配合本地的 Remotion 項目和命令行使用，網頁版聊天介面並不合適。

怎麼用

技能以斜槓命令的形式調用，後面接你的要求。README 裏的示例：

• /remotion-create Make a promo video for a record store——從零建一個宣傳片項目；
• /remotion-markup Create an animated title card using Inter.——寫一張帶動畫的標題卡；
• /remotion-studio——打開預覽；
• /remotion-render——渲染出片；
• /remotion-docs How to set up Remotion Lambda?——查文檔。

用中文描述同樣可以，比如「/remotion-create 做一個 15 秒的新品發佈短片，豎屏，三個鏡頭」。常見的節奏是：先建項目，在 Studio 裏邊看邊讓智能體改，滿意後再渲染。拿不準用哪個命令時直接用 /remotion-best-practices。

適合誰 / 不適合誰

適合：

• 會一點前端、想用代碼批量做影片的開發者和內容團隊；
• 做數據可視化影片、產品演示、帶字幕的講解片，需要模板化生產的人；
• 已經在用 Remotion、想讓 AI 少寫錯接口的老用戶。

不適合：

• 想輸入一句話直接得到成片的人——這不是文生影片模型，產出的是 React 代碼，需要本地環境來預覽和渲染；
• 完全不接觸代碼和命令行的剪輯用戶，傳統剪輯軟件更直接。

注意事項

• 許可證：截至 2026-10-10，倉庫根目錄沒有 LICENSE 文件，GitHub 未識別出許可證，README 也沒有寫授權條款。個人使用沒有障礙，但要改編、再分發這些技能文件，應先向 Remotion 團隊確認。
• 維護狀態：最近一次推送 2026-10-07，仍在更新。
• 安全：技能會讓智能體在你的機器上執行命令——安裝依賴、啟動 Studio、調用渲染，remotion-upgrade 還會改動項目依賴版本，remotion-docs 會聯網讀取文檔。這是官方倉庫，來源可靠；改依賴前先提交一次代碼，方便回退。
• 兼容性：README 點名的是 Claude Code、Codex、Kimi Code 和 Cursor。渲染影片吃本機性能，長片或高解像度耗時較長；技能管的是「代碼寫得對」，畫面好不好看仍取決於你的描述和反覆調整。