HyperFrames - 让AI Agent写HTML并渲染确定性MP4视频

产品定位

HyperFrames是一套让AI Agent以“写代码”的方式制作视频的开源工具链。视频不再只是时间线里的鼠标操作，而是可以版本管理、复用、检查和自动渲染的HTML工程。

工作原理

创作者或Agent使用HTML、CSS、图片、视频、音频和可定位动画描述每个画面。渲染器在无头Chromium中精确跳到每一帧并捕获，再由FFmpeg编码，因此相同输入可以得到稳定、可复现的输出。

核心功能

• Agent原生：Codex、Claude Code等工具可直接创建和修改视频工程。
• 确定性渲染：适合需要反复修改文案、数据、配色和多语言版本的商业内容。
• 网页技术栈：可利用HTML/CSS布局、JavaScript与动画库构建动态视觉。
• 素材组合：把图片、视频、音频、字幕和动态图形放进同一可编程时间结构。
• Skills生态：提供创意、动画、音乐、素材与命令行等分工明确的工作流。

基本使用流程

1. 准备Node.js、Chromium与FFmpeg等项目依赖。
2. 安装HyperFrames及所需Skills，让Agent读取项目规范。
3. 明确画幅、时长、帧率、品牌规范、文案、素材和交付格式。
4. 让Agent生成HTML场景与动画，先在预览中检查节奏和安全区域。
5. 渲染MP4并检查字体、音画同步、版权素材和最终编码参数。

适合与不适合

适合产品介绍、数据可视化、动态图表、字幕包装、社交视频和批量模板。它不等于文生视频模型，也不擅长直接生成高度写实的自由镜头；更适合追求可控、可复现和可批量修改的动态图形内容。

费用与许可

核心项目开源，但云端渲染、HeyGen Video Agent、第三方模型、配音和素材服务可能单独收费。商业使用前应检查仓库许可、依赖许可及素材授权。