Episode Details

HeyGen 在 2026 年 4 月開源 HyperFrames：在 HTML 加幾個 data 屬性，AI agent 就能寫 HTML 直接渲染成 MP4。這篇拆解 HyperFrames 為什麼選 HTML、怎麼運作，以及怎麼用一行指令把 Claude Code 變成影片剪接師。

⭐ 文章深度讀：把 HyperFrames 落地到自己的 Claude Code 上，從 30 秒到 2 分鐘的 motion graphics 開始驗證
→ https://heymaibao.com/hyperframes-agentic-video-html/

⚡ 章節重點
HyperFrames 是什麼 00:00
一行指令把 Claude Code 變影片剪輯師 00:50
為什麼是 HTML 不是 After Effects 01:30
HyperFrames 怎麼運作 02:36
起源故事與模型能力下限 04:05
影片創作的典範轉移 05:26

📝 懶人包
∙ HyperFrames 是 HeyGen 開源的 HTML 影片框架：在標準 HTML 加幾個 `data-` 屬性，agent 寫 HTML / CSS / JS 就能渲染成 MP4、MOV 或 WebM

∙ HeyGen 賭的是 LLM 訓練資料中網頁素材的數量級優勢，不是再發明一套 JSON DSL，這也是它選 HTML 而不是學 After Effects 的核心理由

∙ 開源條件無門檻：Apache 2.0、本機渲染、any agent、any LLM、zero API keys

∙ 我的觀察：agent 自由表面，但 HeyGen 自己也是等到 Gemini 3 與 Opus 4.5 預覽後才看到品質躍遷，模型下限決定 agent 能做出什麼

📚 參考資料
Agentic Video is HTML: Open Sourcing HyperFrames
→ https://x.com/liu8in/status/2044827628700684463