全球 AI 影片生成市場正以年複合成長率 31.38% 的速度擴張，預計 2035 年將突破 826 億美元。在這股浪潮中，Anthropic 的 Claude Code 與 React 影片框架 Remotion 的結合，正在重新定義影片製作的技術門檻。這套工作流程讓開發者能以自然語言指令驅動整個影片生成過程，從素材收集到動態效果渲染，全程無需手動剪輯。
在 Threads 查看
從對話式 AI 到執行型代理的轉變
過去十年，影片製作工具的演進呈現明顯軌跡：從專業軟體到雲端編輯器，再到 AI 輔助功能。然而，這些工具多停留在「建議」層面，使用者仍需執行每個操作步驟。Claude Code 的出現改變了這個範式，它不再只是回答「如何做」的問題，而是直接執行「做什麼」的指令。
這種「代理式」（Agentic）運作模式的核心差異在於：傳統 AI 工具分析需求後提供指導，Claude Code 則在理解需求後自主執行整個工作流程。當 Claude Code 與 Remotion 整合後，使用者可以用一句話描述想要的影片效果，AI 代理便會自動完成時間軸編排、動態圖形生成、素材下載與品牌元素套用等工作。
根據 Anthropic 官方文件，Claude Code 的設計理念是「給予 Claude 與程式設計師相同的工具」。這意味著它能存取終端機、操作檔案系統、執行 bash 指令，並與各種開發框架互動。Remotion 作為 React 生態系中的影片框架，正好提供了理想的程式化介面。
技術架構：Remotion 如何將影片轉化為 React 元件
Remotion 的核心理念是「影片即程式碼」。每一幀畫面都是一個 React 元件，整部影片則是這些元件在時間軸上的組合。這種架構帶來三個關鍵優勢：
首先是可重用性。傳統影片編輯中，相似的動畫效果需要反覆手動製作。在 Remotion 中，動畫邏輯被封裝成元件，可在不同專案間直接引用。其次是資料驅動能力。影片內容可根據外部資料動態生成，例如從 API 讀取銷售數據後自動產生對應的圖表動畫。第三是版本控制。影片專案以程式碼形式存在，可使用 Git 進行版本管理與協作。
Remotion 提供的核心 API 包括 useCurrentFrame() 取得當前幀數、useVideoConfig() 獲取影片設定、interpolate() 處理數值映射、以及 <Sequence> 元件管理時間軸區段。這些 API 讓開發者能以熟悉的 React 語法建構複雜的影片邏輯。
環境建置：四步驟完成整合
將 Claude Code 與 Remotion 整合的過程相對直觀。以下為基本建置步驟：
第一步是安裝開發環境。需要 Node.js（建議 LTS 版本）與 Git。開發介面可選擇 VS Code 或其他支援的 IDE。
第二步是安裝 Claude Code。根據作業系統選擇對應方式：macOS/Linux 可使用 curl -fsSL https://claude.ai/install.sh | bash，Windows 則使用 irm https://claude.ai/install.ps1 | iex。
第三步是建立 Remotion 專案。透過 npx create-video@latest 指令初始化專案，選擇 Blank 範本開始。
第四步是設定 Claude Code 的 Remotion 技能。透過在專案根目錄建立 .mcp.json 檔案，將 Remotion 相關指令與最佳實踐注入 Claude Code 的上下文中。這讓 Claude Code 能理解 Remotion 的 API 結構，並生成符合框架規範的程式碼。
工作流程比較：傳統剪輯 vs 程式化生成
以下表格呈現兩種工作流程在關鍵指標上的差異：
| 評估面向 | 傳統剪輯軟體 | Claude Code + Remotion |
|---|---|---|
| 學習曲線 | 陡峭，需掌握介面操作與特效邏輯 | 平緩，以自然語言描述需求 |
| 單支影片製作時間 | 數小時至數天 | 數分鐘至數小時 |
| 迭代修改成本 | 高，需重新操作圖層與時間軸 | 低，修改提示詞或程式碼即可 |
| 批量生成能力 | 受限，依賴範本與手動調整 | 高，支援資料驅動的自動化生成 |
| 品牌一致性維護 | 依賴人工檢查 | 可程式化定義品牌規範 |
| 版本控制 | 有限，多為專案檔備份 | 完整，使用 Git 管理程式碼 |
實際應用場景：從概念到成品
在實際測試中，使用者僅需提供目標網站 URL 與基本需求描述，Claude Code 便能自主完成以下流程：從網站擷取相關素材（圖片、影片、品牌色彩）、分析品牌視覺風格並套用對應字型與配色、根據內容結構規劃時間軸、生成 Remotion 程式碼並執行預覽。
當使用者透過語音指令要求將折扣數字從 50% 改為 75%，系統能在數秒內完成修改並重新渲染。這種即時迭代能力大幅縮短了創意發想與成品產出之間的時間差。
這套工作流程特別適合以下場景：電商平台的產品宣傳影片批量生成、社群媒體的動態內容製作、企業內部的數據視覺化報告、以及行銷活動的快速原型驗證。
技術限制與現階段考量
儘管 Claude Code 與 Remotion 的組合展現強大潛力，仍有幾項限制需要考量。首先是運算資源需求。Remotion 的渲染過程需要本地或雲端的運算資源，長影片或高解析度輸出可能產生顯著的處理時間與成本。
其次是創意邊界。AI 代理擅長執行明確定義的任務，但對於高度抽象或實驗性的藝術表達，仍需人類創作者的指導與判斷。
第三是授權考量。Remotion 在特定商業使用情境下需要取得企業授權，專案規劃時應確認授權範圍。
在 Threads 查看
產業影響：動態設計的民主化
根據 Fortune Business Insights 的數據，全球 AI 影片生成市場規模預計從 2025 年的約 7.17 億美元成長至 2032 年的 25.63 億美元。這股成長動能來自三個面向：行銷部門對可規模化內容生產的需求、教育與培訓領域對個人化影片的重視、以及社群平台對短影音內容的持續渴求。
Claude Code 與 Remotion 的整合代表一種更深層的產業轉變。過去，動態設計被視為專業技能，需要多年培訓與昂貴軟體授權。現在，具備基本 React 知識或甚至僅能描述需求的使用者，都能產出專業水準的影片內容。這不意味著動態設計師將被取代，而是創意工作的重心正在轉移——從「如何實現」到「該做什麼」。
引用來源
作者資訊
Ewan Mak｜Tenten 數位策略顧問
專注於 AI 工作流程自動化與程式化內容生成領域。過去三年協助超過 50 家企業建立 AI 驅動的內容生產流程，涵蓋電商、媒體與金融服務產業。
作者觀點：Claude Code 與 Remotion 的結合並非要取代傳統剪輯工作流程，而是為不同需求場景提供選擇。對於需要快速迭代、資料驅動或批量生成的專案，程式化方法具有明顯優勢；對於需要精細藝術調校的作品，專業剪輯軟體仍是首選。真正的機會在於理解何時使用哪種工具，並建立能在兩者間靈活切換的團隊能力。
若您正在評估 AI 驅動的影片製作流程，或希望為團隊建立程式化內容生成能力，歡迎與 Tenten 團隊預約諮詢，討論最適合您業務需求的導入策略。
