【2026 最新】Opus 5.5 Remotion 教學：15 秒可修改短片怎麼做？（分鏡＋逐幀驗收＋MP4）

你看到一支用 Opus 5.5 做的動態短片，想把標語換成自己的品牌、把結尾延長兩秒。對方卻只給你 MP4。畫面能播放，文字與節奏卻得重新製作。Opus 5.5 Remotion 教學要解決的，就是從第一句需求開始，把「日後能改」列入交付標準。

這篇寫給第一次碰動態影片、願意跟著簡單終端機指令操作的讀者。你會用一支 15 秒直式短片作例子，完成分鏡、產生 Remotion 專案、逐幀驗收，再交出 MP4 與可重新輸出的來源檔。React 程式碼可以交給 Claude Code 生成；你需要掌握的是每一步該看什麼。

先說結論：Opus 5.5 Remotion 教學的交付公式

可修改短片＝分鏡規格＋Remotion 原始碼與素材＋逐幀驗收＋輸出影片。 MP4 是方便播放的成品；若要改字、換圖或改節奏，回到原始專案修改後再輸出。Remotion 官方也把 React 程式碼稱為影片的來源，Studio 用來預覽，CLI 用來渲染。Remotion 的基本概念把影片拆成畫布、幀率、長度與每一幀的畫面。

• 先定義觀眾、比例、三段分鏡與品牌素材，再請模型寫碼；漂亮的單次示範不等於你手上的專案可維護。
• 每次修改只動一類東西：文字、畫面或時間。這樣容易指出哪一輪讓結果變好。
• 交件時同時提供 out/final.mp4、src/、public/、package.json、鎖定檔與一份重輸出說明。

Opus 5.5 × Remotion 是什麼？先把兩人的工作分清楚

把 Claude Code 想成會照分鏡施工的剪輯助理，把 Remotion 想成用程式記錄每一張畫面的攝影棚。Claude 負責讀你的需求、建立或修改檔案；Remotion 負責預覽與渲染。根據 Anthropic 於 2026 年 9 月 22 日的發布頁，Opus 5.5 已推出。這裡的「Opus 5.5」是你在 Claude Code 選的模型；它並非一個獨立的影片編輯格式。

Remotion 的 Composition 就像影片規格卡：寬、高、每秒幾格（fps）與總格數。例子設定為 1080×1920、fps=30、durationInFrames=450，因此長度是 15 秒。第一格編號是 0，最後一格是 449；這些基本欄位可在 官方 fundamentals 核對。

所謂「可編輯」也要說清楚：本文交的是可修改並重新渲染的程式專案。對方能請工程師或 coding agent 改字、顏色、節奏；若需求是用滑鼠拖動每個物件，則要另外評估 Remotion 的 Editor Starter 功能。請在合作前先講明交付形式。

Opus 5.5 Remotion 教學：先做一份 15 秒分鏡

假設你要替一家咖啡店做直式新品短片。先拿一頁文字寫清楚可驗收的四件事：觀眾要記住什麼、品牌怎麼長、各段何時進出、最後要拿到哪些檔案。這比「做得高級一點」更容易讓模型執行。

1. 0–4 秒｜開場：純色背景出現「早晨，從一杯開始」，品牌字樣使用文字圖層；不要把整句做成背景圖。
2. 4–10 秒｜產品：放入你有使用權的咖啡照片，旁邊浮出「新鮮烘焙」；照片獨立存入 public/assets/，之後能換。
3. 10–15 秒｜收尾：出現價格或行動文字，結束時保留可讀停留；背景音樂與字幕各自處理。

時間寫成秒方便溝通，交給程式時再換成影格：4 秒是第 120 格，10 秒是第 300 格。分鏡表要加上「允許使用的素材」與「字體名稱」；如果參考圖只是氣氛提示，直接註明不要照抄其中的商標與文字。

從空專案到第一版：照官方入口建立與預覽

先確認電腦已有 Node.js，以及可使用的 Claude Code。Remotion 官方的 建立專案頁目前提供這組空白專案命令；在新的資料夾照順序執行。

1. npx create-video@latest --yes --blank --no-tailwind my-video：建立可改的空白 Remotion 專案。
2. cd my-video，接著 npm i：進入專案並安裝其相依套件。
3. npx remotion skills add：依官方流程把 Remotion 技能加入專案。
4. npm run dev：開 Remotion Studio，預覽時間軸與畫面。

在另一個終端機進入同一資料夾啟動 claude。依 Claude Code 模型設定文件用 /model 查看目前可選模型；若帳號可用，選 Opus 5.5，或輸入 /model claude-opus-5-5 固定版本。若選單與文件不同，先執行 claude update 並核對帳號或組織的模型限制。Remotion 的 Claude Code 插件文件列出 claude plugin marketplace add remotion-dev/claude-code-plugin 與 claude plugin install remotion@remotion；安裝後重啟 Claude Code，讓它讀取 Remotion 的技能。

把這段需求交給 Claude Code，並貼上你的分鏡與素材檔名：請在現有 Remotion 專案建立 1080×1920、30 fps、450 格的 Coffee15 composition。依 0–119、120–299、300–449 格分成開場、產品、收尾。將所有可改的標題、品牌色、照片檔名與段落起訖集中到容易找到的設定；文字保留為文字圖層，圖片引用 public/assets。先列出你要修改的檔案和素材需求，再實作；完成後告訴我 composition ID、預覽方式、如何改字及重輸出。

收到第一版先打開 Studio：左側能找到指定 composition，時間軸可拖到三段交界，右側能看到對應畫面。若一開始就缺照片或字型，先補素材；此時調轉場只會增加返工。Remotion 官方的 Agent Skills 說明也分開列出建立、Studio 預覽與渲染技能，符合先建、再看、最後輸出的順序。

逐幀驗收：讓短片從「看起來可以」變成可交付

先問 Claude Code 指出 src/Root.tsx 中的 composition 註冊位置、每段畫面所在檔案與文字設定。再以相同素材做兩輪：第一輪保留第一版，第二輪只提出具體修正。例如「第 120 格字幕壓在杯子上，向上移到安全範圍；第 300 格收尾文字至少停留到第 420 格」。把兩版都留在專案紀錄裡，才能比較。

• 畫面：在 Studio 查看第 0、119、120、299、300、449 格。交界最容易出現文字閃一下、照片缺格或轉場跳動。
• 文字與品牌：把開場文案臨時改成較長的一句，再看是否溢出。替換品牌色或照片後，確認畫面仍對比清楚；原字型與授權資訊留在交付清單。
• 音訊與字幕：開聲音聽三段起點與片尾，逐句核對字幕出現時間。若音檔另附，記錄來源與使用權；聲音的有無要在驗收清單寫明。
• 重輸出：改一個字後重新渲染，確認新 MP4 真正顯示新字，而專案資料夾仍能由另一台已安裝相依套件的電腦開啟。

想把關鍵影格存成圖片，可以用官方的 npx remotion still Coffee15 out/check-120.png --frame=120；Composition ID 要換成你實際得到的名稱。still 指令文件說明 --frame 的用法。這比只看影片縮圖更容易指出哪一格出了問題。

匯出 MP4 與交付來源檔：最後一次修改也能重做

先用 npx remotion compositions 核對真正的 composition ID，再執行 npx remotion render Coffee15 out/final.mp4。Remotion render 文件列出 composition ID 與輸出位置的語法；預設影片編碼是 H.264。輸出完成後直接打開 MP4，核對直式比例、時長、開頭/結尾畫面與聲音。

交付一個專案資料夾或壓縮檔，內含 src/、public/assets/、package.json、package-lock.json（若專案實際產生此檔）、授權可轉交的字型/音檔，以及 README.md。README 至少寫：哪個欄位改標語、在哪裡換照片、如何執行 npm i 與 npx remotion render Coffee15 out/final.mp4。交件前在乾淨的專案副本試一次，才能確定不是只在原電腦碰巧能跑。

成本也要按用途看。Claude Code 需要可用的帳號或 API 額度；Remotion 的 官方授權條款對個人、非營利與一定規模以下的企業列出免費資格，其他商用團隊應按自身情況核對授權。這會影響你是否能把專案放進商業製片流程。

同素材做兩輪：怎麼判斷分鏡迭代真的有幫助？

用同一張咖啡照片、同一字型與同一段音樂，保留兩個專案副本。A 版只給一句「做一支 15 秒新品短片」；B 版交出本文的三段分鏡、交付規格與影格檢查點。這是一個讀者可以自己做的比較設計，不預設哪一版得分較高。請不要在 A 版塞更多素材、在 B 版換模型，否則你無法知道差異來自哪個改動。

• 先比可修改性：兩版各找出標語、照片、品牌色與段落時間的位置。若某版把標語烘焙進圖片，記下來；這是交付差異，而不是主觀美感。
• 再比視覺品質：把兩版停在相同影格，請同一位檢查者看字是否完整、主體是否被遮、轉場是否突兀。記錄具體影格與問題，不用「更高級」這種無法重做的評語。
• 最後比重輸出：兩版都把「新鮮烘焙」改成「今日現烘」，照 README 的命令重新渲染。記下需要改的檔案、遇到的錯誤與新字是否進入 MP4。

如果 B 版仍出現壞格，回到分鏡寫更精確的修正單：例如「第 119 格保留舊畫面，第 120 格開始淡入產品照；不要讓兩句標語同時擠在中央」。如果 A 版反而更好，也照實保留結果。這個練習的價值，是把「看起來漂亮」拆成可以定位、修改與再驗收的項目。

交付前的三個常見坑：文字、聲音、素材權利

文字跑版：英文短字換成繁體中文長句時，原本的文字框可能放不下。預先給模型最長的實際文案，並在手機寬度觀看畫面；必要時改成兩行、增大留白或縮短句子。不要只看電腦大畫面。

音畫錯位：字幕、旁白與轉場都按時間發生。把一句話的起點、終點寫成影格，檢查前後各一格；若聲音先起、字晚到，就直接回報差距與目標格數，讓模型只修改時間設定。Remotion 的 時間與裁切說明可幫你分清素材本身的裁切與它在主時間軸的位置。

素材權利：品牌 Logo、照片、字型與音樂分別查可用範圍。給 Claude Code 的素材清單只放你獲准使用的檔案；交付時只附可轉交的檔案，並在 README 列出需由收件者自行取得的授權素材。這樣下次改版不會因某個外部連結失效而卡住。

常見問題：8 個交付前最容易卡住的點

只有 MP4，日後還能改品牌字嗎？

回到 Remotion 原始碼改字，再重新輸出 MP4。向製作者索取專案與素材，比只留播放檔更符合這篇的交付目標。

要會 React 才能開始嗎？

初次製作可以讓 Claude Code 建立檔案；你仍要能找到設定與素材位置，並會啟動預覽、提出修改、檢查輸出。

Remotion Studio 等於一般拖拉式剪片軟體嗎？

本文用 Studio 預覽與檢查程式專案。若合作方需要拖動每個物件的編輯介面，先把介面需求列入交付規格並評估 Editor Starter。

15 秒為什麼是 450 格？

因為 30 fps × 15 秒＝450 格，編號從 0 到 449。換成 24 fps 時要重新計算分鏡起訖。

照片換掉後為什麼構圖跑掉？

新照片的長寬比、主體位置可能不同。提供新檔後，請模型針對產品段調整裁切，再檢查第 120、210、299 格。

字幕和旁白怎麼對齊？

把每一句的起訖時間寫進分鏡，再換算為影格；預覽時聽聲音並停在每句前後檢查，避免只看整段播放。

用一個 Prompt 就能穩定交件嗎？

先把單次生成當第一版，依畫面、文字、音訊與重輸出四輪驗收。這個流程有明確收據，可以指出下一輪要改哪裡。

最後應交哪些檔？

交 MP4、Remotion 原始碼、允許轉交的素材、相依套件清單與重輸出步驟；收件者改一個字再渲染成功，才算完成可修改交付。

給新手的 4 個重點

• 先定義觀眾與 15 秒分鏡，讓每段有可核對的起訖影格。
• 請 Claude Code 交出可修改的 Remotion 專案，文字、圖片與時間設定都要找得到。
• 第 0、119、120、299、300、449 格，加上字幕/聲音與替換素材後的畫面，都要逐項檢查。
• MP4 與來源檔一起交，讓收件者完成「改一個字，再輸出」的驗收。