HyperFrames 與 Remotion：AI 做影片該選哪個引擎？

兩者都能讓 Agent 用程式碼寫影片並渲染成 MP4，區別在於 Agent 要寫的是什麼，以及許可證。

HyperFrames

• 寫什麼： HTML、CSS 和 GSAP 時間軸，Agent 本來就寫得很熟練。
• 渲染： CLI（npx hyperframes render）驅動無介面 Chrome 和 FFmpeg 逐幀渲染，結果可復現。
• 為 Agent 設計： check 會做語法、執行時、排版、動效和對比度檢查；snapshot 能擷取靜幀，讓 Agent 在渲染前先看看自己的成果。
• 許可證： Apache 2.0，可免費商用。github.com/heygen-com/hyperframes

Remotion

• 寫什麼： React 元件，配合按幀計算的 Hook（useCurrentFrame）。
• 優勢： 生態成熟，擅長大規模的資料驅動、程式化影片，支援在 Lambda 上做服務端渲染。
• 許可證： 個人和 3 人以內的公司免費；規模更大的公司需要購買公司許可。

我們選擇了哪個

首批所有 Skill 都基於 HyperFrames。HTML 和 CSS 讓範本可讀、好手改，內建檢查能及早發現排版問題，Apache 許可證也意味著在工作中使用時無需額外付費。

如果你的團隊已經在用 React 和 Remotion，同樣的動效思路也完全適用。決定影片好壞的是手藝（節奏、字型、緩動、克制），而不是引擎。