「HyperFrames」用 HTML 写视频：面向 AI Agent 的开源视频渲染框架

HyperFrames 是 HeyGen 开源的视频渲染框架，核心思路很直接：用 HTML、CSS 和动画时间线来创作视频，再在本地预览并渲染成 MP4。它的 slogan 是 “Write HTML. Render video. Built for agents.”，也就是说，它不是让你重新学习一套视频 DSL，而是让 AI Agent 和开发者用熟悉的 Web 技术生成视频合成。

项目对 AI 编程工作流做了很多适配：可以通过 npx skills add heygen-com/hyperframes 给 Claude Code、Cursor、Gemini CLI、Codex 等工具安装技能，让 Agent 了解正确的 composition、GSAP 时间线、Tailwind v4 浏览器运行时样式，以及 Lottie、Three.js、WAAPI 等动画适配方式。

手动使用也很简单：npx hyperframes init my-video 创建项目，npx hyperframes preview 在浏览器里实时预览，npx hyperframes render 渲染输出。它要求 Node.js 22+ 和 FFmpeg，适合做产品介绍、短视频 hook、PDF/CSV 内容可视化、动态图表、社交媒体模板，以及自动化视频生产流水线。

相比 Remotion，HyperFrames 把作者入口放在 HTML 而不是 React 组件上，强调无构建步骤、可复制粘贴的 HTML/CSS、确定性渲染和可 seek 的动画运行时。仓库目前约 16.5k stars、1.5k forks，最新 release 为 v0.5.5，采用 Apache 2.0 开源许可证，README 中显示 npm 月下载量约 151k。