### [HyperFrames](https://dkwy.com/)

**Published:** 2026-05-06T08:10:52

**Author:** 蛋壳

**Excerpt:** HyperFrames是由HeyGen发起并在Apache 2.0许可下为开发者社区构建的开源视频渲染框架。它连接了Web代码和视频制作之间的鸿沟——任何用HTML、CSS和JS编写的场景都可以在本地渲染成真正的MP4视频文件，无需云服务、API密钥或账户。专为AI Agent设计，HyperFrames与Claude Code和Codex等工具原生兼容，使Agent能够从单个提示组合、预览和渲染完整的视频项目。它支持Three.js、Lottie、D3、GSAP和任何其他浏览器兼容技术。

## 产品概述

HyperFrames是由HeyGen发起并在Apache 2.0许可下为开发者社区构建的开源视频渲染框架。它连接了Web代码和视频制作之间的鸿沟——任何用HTML、CSS和JS编写的场景都可以在本地渲染成真正的MP4视频文件，无需云服务、API密钥或账户。专为AI Agent设计，HyperFrames与Claude Code和Codex等工具原生兼容，使Agent能够从单个提示组合、预览和渲染完整的视频项目。它支持Three.js、Lottie、D3、GSAP和任何其他浏览器兼容技术。

## 主要功能

|     |     |
| --- | --- |
| **HTML转视频渲染** | 使用纯HTML、CSS和JS编写场景——HyperFrames逐帧捕获并输出真正的1080p MP4视频，像素完美且本地渲染。 |
| **AI Agent原生支持** | 专为Claude Code和Codex等AI编程Agent构建。一个命令即可安装技能包，Agent可以自主搭建、编写和渲染完整的视频项目。 |
| **简单的三命令CLI** | 整个工作流程通过三个CLI命令运行——init、preview和render——使视频制作可脚本化且易于集成到任何开发流水线中。 |
| **浏览器库支持** | 兼容任何可在浏览器中运行的库，包括用于3D的Three.js、用于动画的Lottie、用于数据图表的D3、用于动效的GSAP——只要能在浏览器中运行，就能渲染成视频。 |
| **Visual Studio与实时预览** | 包含基于浏览器的可视化编辑器，具有实时预览、时间轴视图和热重载功能——HTML的更改会在毫秒内反映在预览中。 |
| **开源与本地渲染** | 采用Apache 2.0许可证，免费使用且无供应商锁定。所有渲染都在您的本地机器上进行，无需云依赖或账户。 |

## 使用场景

-   **AI生成视频内容：**AI Agent可以通过编写HTML组合并将其渲染为MP4来自主制作完整的发布视频、产品演示或宣传片——无需人工编辑。
-   **动态图形与解说视频：**开发者和设计师可以使用熟悉的Web技术编写动画标题序列、转场和品牌动态图形。
-   **数据可视化视频：**团队可以将D3或基于图表的动画转换为可分享的视频文件，用于报告、演示或社交媒体内容。
-   **自动化视频流水线：**开发者可以将HyperFrames集成到CI/CD或内容自动化工作流程中，从代码到文件输出脚本化整个视频创建过程。
-   **快速视频原型制作：**产品团队可以使用代码优先的方法快速原型化应用演示、入门流程或营销材料的视频序列。



---