HyperFrames 网页链接▁▁▁▁▁▁▁▁▁　　HyperFrames 是 HeyGen 开源的视频渲染框架，核心理念是：用 HTML 写视频，然后渲染成 MP4，并且专门为 AI Agent 设计。

◆ 一句话概括

　　写普通的 HTML + CSS + 可 seek 的动画（GSAP、Lottie、CSS、Three.js 等），再用 CLI 或 AI 代理把它一帧帧渲染成确定性的 MP4 视频。

◆ 核心特点

• HTML 原生：视频就是带一些 data-* 属性的 HTML 文件，不需要 React，也不用专有时间线格式。• 为 Agent 而生：AI 本来就会写 HTML/CSS/JS，所以直接让 Claude Code、Cursor、Codex 等代理来写视频，比学 After Effects / Premiere 友好得多。• 确定性渲染：同样输入一定得到同样输出，适合 CI、自动化流水线。• 本地可跑：CLI 支持本地预览和渲染（依赖 Node.js + FFmpeg + 无头 Chrome）。

◆ 主要能力

• 把 HTML 组合转成视频• 支持多种动画运行时（GSAP、Lottie、CSS、Anime.js、Three.js、WAAPI 等）• 可嵌入媒体（图片、视频、音频）• 提供 Catalog（大量可复用的转场、字幕、图表、地图、特效组件）• Studio：浏览器端预览和编辑界面• 一整套 Agent Skills（约 20 个），教 AI 怎么正确写 HyperFrames 构图、动画、媒体处理

◆ 典型用法

1. 给 AI 代理装 skills： bash npx skills add heygen-com/hyperframes 然后直接说「用 /hyperframes 帮我做一个 15 秒产品介绍视频……」

2. 手动用 CLI： bash npx hyperframes init my-video cd my-video npx hyperframes preview 浏览器实时预览 npx hyperframes render 渲染成 MP4

◆ 和之前提到的项目的关系

　　你前面问的 video-use（browser-use 团队）在生成动画叠加层时，明确支持用 HyperFrames（还有 Remotion、Manim、PIL）来做。所以它经常被当作「AI 剪辑流水线里的运动图形引擎」来用。

◆ 项目规模

• GitHub 约 4.3 万 stars• HeyGen 自己在用，也开源了完整工具链（CLI、核心引擎、Producer、Studio、Skills 等）• 文档站点：网页链接

　　简单说：这是一个「把网页技术变成视频制作工具」的框架，特别适合让 AI 代理直接写代码生成视频，而不是去操作传统时间线编辑器。