Cloudflare開發者在10分鐘內用AI建構Remotion影片生成器

Cloudflare開發者在10分鐘內用AI建構Remotion影片生成器，大幅加速Agents Week公告宣傳影片製作。

Cloudflare開發團隊為因應Agents Week眾多公告，需自動生成宣傳影片，於是透過Remotion框架結合OpenCode與Remotion MCP Server，在10分鐘內完成可重複使用的影片生成器。此方法讓AI Agent直接存取Remotion文件，避免手動摸索API與物理參數，取代作者過去花費尷尬長時手動建置基礎動畫的痛點。

Remotion MCP Server整合優勢
透過僅幾行JSON設定的Remotion MCP Server，AI Agent獲得Remotion文件的完全存取權，即時查詢API而非猜測。
作者僅需用簡單英文描述需求，如深色背景、Cloudflare橘色光暈、動畫標題、程式碼片段與下方副標題文字，即可讓Agent搭建專案、建立組合（Compositions），並設定彈簧動畫（Spring Animations）——這些手動永遠無法精準的部分。

快速迭代與複雜動畫實現
初稿影片生成後，AI Agent支援數秒內迭代細節，作者無需查閱文件或懂物理原理，只需自然語言描述：

• 將Logo移至左下角，並讓動畫更靈活（調整彈簧動畫的stiffness剛度與damping阻尼）。
• 在最後標題詞"BROWSER"添加戲劇性開場，用模糊與光暈縮放進入。
• 放大程式碼片段後縮小顯示其他內容，處理多重時間依賴關係，一次成功。
  作者強調，這填補「腦中想法」與「螢幕呈現」間的巨大差距，手動需數小時的部分瞬間完成。

參數化重構與多版本支援
為批量生成10個影片，AI Agent重構程式碼，將標題、程式碼片段、副標題設為可配置Props，由單一物件驅動。
再以一Prompt新增縱向模板，Remotion Studio Composition選單現有CloudflarePromo（橫向，桌面用）與CloudflarePromoPortrait（縱向，行動裝置用）兩選項。
示範中，為"Registrar API"公告更新defaultProps：標題改為"Search. Verify. Buy"，並替換程式碼片段，即渲染橫縱兩版。

自動化批量生成Agents Week公告影片
最終，AI Agent解析Agents Week上週所有公告，為前15個自動生成組合，程式碼使用.map()函數處理。
描述中嵌入連結供查看細節。10分鐘前一無所有，現擁可重複使用生成器，Remotion MCP Server提供文件上下文，讓AI接管一切，作者無需懂背後物理原理。影片呼籲評論分享其他Remotion MCP Server用例，凸顯其潛力。