HyperFrames

项目简介

HyperFrames 是一个面向智能体打造的开源框架与视频编辑器。它将 HTML、CSS、媒体和可定位动画转换为确定性的 MP4 视频，可在本地通过 CLI 使用，也可借助 AI 编程智能体通过技能使用，或作为托管式创作流程的渲染核心。项目还提供桌面版 Studio 应用、可复用区块与组件目录，以及用于渲染、预览和编辑合成的软件包。

核心功能

• HTML 原生合成使用带 data 属性的 HTML 文件描述时间、轨道和媒体，而非专有时间线格式。智能体技能向编程智能体传授 HyperFrames 制作流程：规划视频、编写有效 HTML、接入可定位动画、添加媒体、lint、预览和渲染。确定性渲染在无头 Chrome 中逐帧定位并用 FFmpeg 编码，相同输入产生相同视频。基于适配器的动画支持 GSAP、CSS 动画、Lottie、Three.js、Anime.js、WAAPI 或自定义运行时。CLI 工作流包含

适用场景

• 产品发布视频和功能公告。带动态代码差异、旁白和字幕的 PR 讲解视频。数据可视化、图表竞速和地图动画。带动态字幕、叠加和音乐的社交视频。文档转视频、PDF 转视频和网站导览讲解。面向自动化内容管线的可复用动态图形。

快速开始

• 使用 AI 编程智能体时，可安装版本化插件，命令为 claude plugin marketplace add heygen-com/hyperframes 和 claude plugin install hyperframes@hyperframes；独立技能使用 npx skills add heygen-com/hyperframes。手动使用 CLI 时，运行 npx hyperframes init my-video，进入目录后用 npx hyperframes preview 在浏览器中预览并实时重载，用 npx hyperframes

部署与要求

• CLI 使用需要 Node.js 22+ 和 FFmpeg。桌面版提供 macOS 和 Linux（.deb 与 AppImage）下载，Windows 和 Windows ARM64 即将推出，企业部署可联系相关团队。AWS Lambda 渲染可用于部署分布式渲染栈，渲染可在本地或 Docker 中进行。

采用前须知

• 许可证：Apache-2.0。在使用、修改或分发项目前，请确认其具体条款。