图像与视频 / 全球
heygen-com/hyperframes：把 HTML 和动画渲染成视频
HeyGen 的 HyperFrames 使用 HTML、CSS 与可定位到任意时间点的动画描述视频，配套 CLI、组件目录和代理技能，让前端代码能够进入自动化视频制作流程。
+5,740近 7 天 Star
69,328总 Star
项目定位
HyperFrames 是将 HTML、CSS、媒体素材和动画转换为 MP4 的开源框架。开发者可以在本地通过命令行工作，也可以让支持技能的 AI 编程代理参与制作。其创作文件使用 HTML 与时间、轨道等属性描述画面，不要求把每个项目写成 React 应用。
主要能力
渲染流程通过无头 Chrome 定位到各个视频帧，再使用 FFmpeg 编码和混音。仓库支持 GSAP、CSS、Lottie、Three.js 等可寻址动画方案，并提供浏览器预览、检查、渲染和可编辑组件目录。配套技能覆盖视频规划、素材使用、画面组织和交付检查等制作步骤。
使用场景与边界
典型用途包括产品介绍、带旁白的代码变更讲解、动态图表与社交短视频，也可以作为批量内容流水线的渲染核心。README 列出 Node.js 和 FFmpeg 依赖，并采用 Apache 2.0 许可。生成视频的视觉质量仍取决于素材、动画设计和预览检查，工具本身不代表成片已经达到发布标准。