26
// 项目简介
HyperFrames 是一个开源视频渲染框架，支持用户使用标准的 HTML 和 CSS 创建并渲染合成内容。该平台专为 AI Agent 集成而设计，允许开发者通过自然语言提示词创作复杂的动画。它提供确定性渲染，并支持 GSAP、Lottie 和 Three.js 等多种动画运行时，无需使用专有的 DSL。
// 技术分析
HyperFrames 是一个开源视频渲染框架，旨在将 HTML 作为视频合成的一等公民，无需使用 React 或专有 DSL。通过利用带有数据属性的标准 HTML 并支持 GSAP 和 Three.js 等各种动画运行时，它为自动化视频生产提供了一个确定性的、对智能体友好的环境。该项目优先考虑 AI 驱动的工作流，提供专门的技能，允许编码智能体直接根据自然语言提示构建、动画化和渲染合成内容。
// 核心亮点
01
HTML 原生创作允许用户使用标准 HTML 和 CSS 创建视频合成，无需复杂的构建步骤或 React 知识。
02
一流的 AI 智能体支持使开发人员能够使用 Claude Code 或 Cursor 等工具通过自然语言生成、编辑和优化视频合成。
03
确定性渲染确保相同的输入始终产生相同的输出，使其成为自动化和可扩展视频流水线的理想选择。
04
Frame Adapter 模式支持包括 GSAP、Lottie 和 Three.js 在内的流行动画运行时，确保它们在渲染过程中保持帧精确且可搜索。
05
包含 50 多个现成块和组件（如社交媒体覆盖层和着色器转场）的综合目录，可加速专业视频内容的创作。
06
在 Apache 2.0 许可下完全开源，为用户提供商业自由，且没有按渲染收费或限制性使用阈值。
// 典型使用场景
01
使用 Claude Code 或 Cursor 等编程 Agent 进行 AI 驱动的视频生成
02
将基于 HTML 的合成内容确定性地渲染为 MP4 文件
03
将 GSAP、Lottie 和 Three.js 等复杂动画运行时集成到视频项目中
// 快速开始
首先，使用 'npx skills add heygen-com/hyperframes' 安装 HyperFrames 技能，以使您的 AI 智能体能够创作合成内容。或者，您可以通过运行 'npx hyperframes init my-video' 手动初始化项目，然后运行 'npx hyperframes preview' 在浏览器中查看您的作品，并运行 'npx hyperframes render' 生成 MP4 文件。请确保您的系统已安装 Node.js 22 或更高版本以及 FFmpeg。