4月17日消息,AI视频平台HeyGen宣布开源其内部视频渲染框架HyperFrames。这款工具专为AI代理(Agent)打造,让开发者、AI编码助手(如Claude Code、Cursor、Gemini CLI)能够在终端环境中,直接用HTML、CSS和JavaScript创作视频内容,并实时预览、渲染为高质量MP4、MOV或WebM视频。 HyperFrames 核心亮点
HTML 原生创作:无需After Effects、Premiere等专业软件,也不用专有DSL。视频就是普通的HTML文件,通过data-属性定义时间线、尺寸、轨道(data-start、data-duration、data-track-index),支持GSAP动画、WebGL着色器、Lottie、Three.js等多种运行时。
终端本地渲染:完全离线运行,支持浏览器实时预览(live reload)和一键导出。无需GPU、无需云API、无需账号,渲染结果完全确定性(相同输入始终输出相同视频)。
AI代理原生支持:安装一行命令即可让AI“学会”HyperFrames:npx skills add heygen-com/hyperframes 之后在Claude Code中直接输入/hyperframes + 自然语言描述,AI就会自动生成HTML结构、GSAP时间线、字幕、TTS配音、转场等。 HeyGen官方表示,他们最新的发布视频正是用Claude Code + HyperFrames一手打造的。50+ 现成组件:社交叠加、数据图表、着色器转场、动态字幕、音频响应动画等,可通过npx hyperframes add快速添加。
快速上手
AI驱动模式(推荐):安装skills后,直接提示AI:“Using /hyperframes,创建一个10秒产品介绍视频,标题淡入、背景视频+背景音乐”。
手动模式:
npx hyperframes init my-video cd my-video
npx hyperframes preview # 浏览器实时预览
npx hyperframes render # 导出MP4
环境要求:Node.js ≥ 22 + FFmpeg(自动检测)。
技术架构一览
HyperFrames采用模块化设计:
@hyperframes/core:解析器、生成器、lint工具 @hyperframes/engine:Puppeteer + FFmpeg 捕获渲染引擎 @hyperframes/producer:完整编码与音频混音管线 支持Docker部署,适合CI/CD和大规模自动化
开源协议为Apache 2.0,完全免费商用。
HyperFrames的开源标志着AI视频创作从“云端黑盒”走向“本地可编程”。以往AI只能生成视频,现在AI可以自己写代码、自己渲染视频,彻底打通了从提示词到最终MP4的端到端代理工作流。无论是个性化营销视频、数据可视化动画、TikTok短片,还是企业级自动化内容生产,都将迎来效率飞跃。
HeyGen创始人团队表示:“我们把内部最强大的视频工具开源了。现在,每一个AI代理都能拥有自己的视频编辑器。”