HeyGen（做 AI 数字人的公司）开源了框架 HyperFrames，核心理念极简：Write HTML. Render video. Built for agents. 它把一个 index.html 当作视频时间线——用 data-start、data-duration、data-track-index 等 data-* 属性标注每个元素何时出现、持续多久、位于哪条轨道；动画用你熟悉的 GSAP、CSS、Lottie、Three.js 即可，无需 React、无需打包构建。
一、写 HTML 就能出视频
渲染器驱动无头 Chrome 逐帧 seek 并截图，再用 FFmpeg 编码。由于是显式逐帧定位而非实时录屏，同一份 HTML 在任何机器上都产出逐帧一致的 MP4，这对 CI/CD 与自动化渲染至关重要。相较屏幕录制可能掉帧、受 GPU 负载影响，HyperFrames 的确定性渲染让「同样的输入永远产出同样的视频」成为可承诺的工程属性。
二、为 Agent 而生的差异化
与 Sora、Runway 这类「文本/图生视频」的生成式路径不同，HyperFrames 把视频「代码化」：AI 最擅长生成结构化代码，而 HTML 文件是它可读、可写、可 diff 的母语。项目配套 20 个 Agent 技能（支持 Claude Code、Cursor、Gemini CLI、Codex），装好技能后，一条自然语言指令即可让 Agent 完成「规划结构→写 HTML→加动画→预览→渲染」的完整循环。HeyGen 自己已在生产环境使用，社区采用者包括 tldraw、TanStack。
三、意义与边界
HyperFrames 本质是 AI 时代的内容生产基础设施：把「提交代码即生成宣传视频」「CSV 变动态图表动画」「百款商品批量出短视频」这类流程以接近零边际成本自动化。它不依赖云端按次计费，适合 CI/CD 与批量渲染；但产出的视觉风格受限于 Web 渲染能力，复杂影视级画面仍需专业工具。Apache 2.0 协议与确定性渲染，让它成为 Agent 工作流里一个值得关注的「视频原生」拼图。