heygen-com/hyperframes

它是什么

Hyperframes 是 HeyGen 开源的视频渲染框架：用 HTML + CSS + GSAP 写动画，再通过 Puppeteer 逐帧截图、FFmpeg 合成输出 MP4。一句话——把网页变成视频。

核心亮点

• 零学习成本：会写前端就会做视频，无需 After Effects 或 Premiere
• 为 Agent 而生：内置 MCP 支持，LLM 可直接生成并渲染视频
• 生产级管线：Puppeteer 精确控帧 + FFmpeg 编码，支持批量渲染
• TypeScript 全栈：类型安全，易集成到现有工程

为什么火

AI 生成视频的需求爆发，但传统工具链对代码不友好。Hyperframes 让"HTML 即视频"，天然适配 Agent 工作流，单日 584 星说明开发者正急需这类基础设施。

适合谁用

前端工程师、AI Agent 开发者、需要程序化批量出视频的团队。

快速上手

npx create-hyperframes@latest my-video
cd my-video && npm run render

写 index.html，跑一条命令，得到 output.mp4。