Hyperframes
活跃简介
HeyGen 开源的 HTML 到视频渲染工具，专为 AI Agent 设计，支持通过编写 HTML 模板自动生成视频内容。
核心特性
- HTML 转视频渲染 — 将 HTML/CSS/JS 模板确定性渲染为 MP4 视频
- AI Agent 集成 — 提供 Skills 安装给 Claude Code、Cursor 等编码 Agent 直接生成视频
- 可搜索动画支持 — 集成 GSAP、CSS、Lottie、Three.js、Anime.js、WAAPI 等动画库
- Frame.md 设计系统 — 将 Web 设计规范转换为视频格式的设计系统描述
- CLI 预览与渲染 — 支持本地 live reload 预览和一键渲染为 MP4
- data 属性驱动时序 — 通过 HTML data 属性控制视频帧时序和多轨道合成
适用场景
💡 为 AI Agent 提供从 HTML 模板自动生成产品发布视频的能力
💡 用代码驱动的方式批量生成社交媒体短视频内容
💡 将数据可视化图表动画渲染为可分享的视频文件
💡 从文档或 PDF 自动生成带旁白的视频讲解
💡 为自动化内容流水线构建可复用的动态图形模板
分类
快速开始
npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render