HyperFrames

HeyGen 推出的开源视频合成框架，让 AI 通过编写 HTML、CSS 和 JS 来生成视频，2026 年 4 月成为 Codex 官方插件

简介

HyperFrames 是 HeyGen 推出的一个开源框架，其核心逻辑是让 AI 通过编写 HTML、CSS 和 JavaScript 来合成视频。不同于传统的视频渲染引擎，HyperFrames 利用前端技术栈作为视频帧的描述语言，AI 可以直接”画”出每一帧并合成为视频。

2026 年 4 月 17 日开源后，几天内就拿下了超过 15.5 万个 GitHub Star。随后 4 月 28 日，HeyGen 官宣 HyperFrames 正式成为 Codex 的官方插件，一键安装即可使用。

关键信息

• 类型：工具 / 框架
• 领域：AI 视频生成
• 开发方：HeyGen
• 开源日期：2026-04-17
• GitHub Star：15.5 万+（开源几天内）
• 官方网站：https://heygen.com
• 定价/开源状态：开源框架，通过 Codex 插件免费安装使用
• 相关概念：Codex、HeyGen

核心特性

• HTML/CSS/JS 合成视频：核心机制是让 AI 用前端技术栈描述视频内容，而非传统的视频编码/渲染管线。AI 生成 HTML 页面作为视频帧，框架负责合成输出
• Codex 官方插件：2026 年 4 月 28 日成为 Codex 官方插件，在 Codex 插件市场搜索 HyperFrames 一键安装
• 自然语言驱动：用户只需用自然语言描述想要的视频内容，Codex + HyperFrames 自动完成从脚本到成片的全流程
• 支持中文字幕：实测生成的视频可以自动带上中文字幕
• 多种风格支持：支持 3D 黏土风格、动画风格等多种视觉风格，用户可在对话中指定

工具类实体必填项

• 安装方式：在 Codex 桌面版的插件市场中搜索”HyperFrames”并点击添加即可
• 基本用法：1) 在 Codex 对话框中 @HyperFrames（必须在开头 @）；2) 描述想要的视频内容；3) Codex 会反问一些细节（氛围、亮暗、风格参考）；4) 回答后等待生成
• 关键参数/配置：视频风格（3D 黏土、亮色/暗色等）、内容描述
• 适用场景：短视频生成、动画制作、视频剪辑素材生产、创意视频原型验证。不适合需要电影级画质的专业视频制作（画质和流畅度与 SeaDance 2.0 等专业产品有差距）

不同素材中的观点

• 2026-06-10-codex-hyperframes-video：作者实测了两个案例——猫捉老鼠动画（6 分 12 秒出片，亮色 3D 黏土风格，效果满意）和天空探险视频（15 分 40 秒出片，带中文字幕，效果一般）。两个 case 的额度消耗很低（5 小时维度 23%，1 周维度 4%）。作者认为 Codex + HyperFrames 与 SeaDance 2.0 等专业视频产品在画面质量和动作流畅度上仍有差距，但核心价值在于证明了 Codex 生态的扩展能力——“写代码、做数据分析、现在又能出视频，相信未来的使用范围只会越来越宽”

实用信息

• 快速上手步骤：

  1. 安装 Codex 桌面版
  2. 进入插件市场，搜索 HyperFrames，点击添加
  3. 在对话框开头 @HyperFrames，然后描述想要的视频
  4. 等待 Codex 生成（通常 5-15 分钟）

• 注意事项/避坑指南：

  • 一定要在对话开头就 @HyperFrames，先写描述再 @ 会 @ 不出来
  • 效果与专门的 AI 视频生成产品（如 SeaDance 2.0）有差距，适合作为素材生产工具而非成品视频工具
  • 额度消耗较低，适合批量探索不同风格

相关页面

• Codex
• AI创意设计