讓 AI 做影片少踩坑

這是什麼

Remotion 是一套「用程式做影片」的工具：字幕怎麼跳、圖卡怎麼飛，都寫成程式，再一次輸出成 mp4。Claude Code 會寫這種程式，但它常照舊版的寫法、或漏掉細節，做出來字變成方塊、第一格黑掉。

Remotion 官方出了一組 skill（給 AI 看的官方說明書），裝進 Claude Code 之後，它寫 Remotion 時會先查官方建議的做法。

誰需要

• 想叫 Claude 幫你做圖卡動畫、短影音、宣傳片的人
• 已經在用 Remotion，但常被奇怪的小問題卡住的人

要不要錢

skill 免費。Remotion 本身：個人和 3 人以下的公司可以免費商用；4 人以上的公司要買授權，做影片的方案每人每月 25 美元。

怎麼開始

1. 把下面這段貼給 Claude Code：

請幫我安裝 Remotion 官方的 Agent Skills（https://github.com/remotion-dev/skills），
裝到全域、給 Claude Code 用。安裝前先讀過內容，跟我說裡面有沒有會自動執行的程式。

2. 之後做影片時直接說「用 Remotion 做」，它會自己去讀官方 skill。

我實際怎麼用

我請 Claude 做一支 20 秒的網站宣傳片，裝了這組 skill 之後，它的寫法有三個地方跟原本打算的不一樣：

• 中文字型改用官方的載入方式：它會等字型載好才開始畫，不會畫到一半字型還沒到
• 影片和音效改用官方新的元件，並且設定提前一秒載入，避免影片開頭黑一格
• 秒數一律照每秒幾格去換算，之後要改長度不用一個個改數字

結果第一次渲染就整支跑通，後面只花時間在調畫面，沒有花時間在修錯誤。

小提醒

• 在 Windows 上，它教的安裝指令會失敗。 npx remotion add 會跳 spawn npm ENOENT，改用它印出來的那行 npm i 自己裝就好，版本號要跟 Remotion 本體一樣。
• 跟別的 skill 衝突時要選一邊。 官方建議的動畫寫法比較方便在預覽畫面裡拖拉修改，但我另外用的運鏡 skill 是用另一種寫法調好的參數，那支片我照運鏡 skill 的。
• 4 人以上的公司要記得買授權。 個人、小店用不用付錢。