HyperFrames 開源公告解讀：讓 Claude Code 寫 HTML 直接做影片

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