HyperFrames：用 HTML 和动画代码确定性渲染视频
一分钟看懂
HyperFrames 是一个开源视频创作框架，把 HTML、CSS、媒体素材和可定位动画渲染成确定性的 MP4。它既可通过命令行使用，也提供 Agent Skills，让编程 Agent 按计划、制作、检查、预览和渲染的流程生成视频。
你可以用它做什么
- 制作产品发布、讲解、动态图形和音乐节奏视频。
- 把 GitHub PR 转成更新说明视频。
- 为已有访谈添加字幕、图表和包装元素。
- 创建可导航的演示文稿或把 Remotion 项目迁移过来。
- 在本地、HeyGen 云端或 AWS Lambda 渲染。
主要能力
- 以 HTML/CSS 和多种动画运行时描述画面。
- 提供可按时间定位的确定性动画与媒体播放机制。
- 包含面向 Agent 的路由、创作、媒体、音频和 CLI 技能。
- 支持检查、快照、预览、渲染和发布工作流。
适合哪些人
适合熟悉网页技术、需要代码化视频流水线的创作者和开发团队，也适合希望让 Agent 生成可审查视频项目的用户。
怎么开始使用
准备 Node.js 22+ 与 FFmpeg，运行 npx hyperframes init my-video 创建项目，然后使用 preview 和 render。Agent 用户可按 README 安装核心 Skills，再用自然语言描述视频需求。
使用前需要知道
视频质量仍依赖设计、素材版权、字体和音频许可；云端渲染可能产生额外费用。本地渲染需要 FFmpeg 和足够算力。Agent 生成内容应预览核对，避免未经授权使用品牌或媒体素材。项目采用 Apache-2.0 许可证。