# 策展 · X (Twitter) 🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Cloudflare Developers (@CloudflareDev) · 平台：X (Twitter) · 日期：2026-04-22

> 原始來源：https://x.com/CloudflareDev/status/2046583769214410974

## 中文摘要

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用例，凸顯其潛力。

## 標籤

MCP, Agent, 自動化, Cloudflare, Remotion