HyperFrames
一句话
HeyGen（数字人视频公司）开源的「用写网页的方式做视频」工具——AI 最擅长写 HTML，那就让 AI 写一个”会动的网页”，再逐帧拍下来拼成 MP4。口号：Write HTML. Render video. Built for agents.
基本信息核实（2026-09-12）
- 仓库：heygen-com/hyperframes，实时 49,019 Star / 4,485 Fork（头条文章写 44.7K，已过时）
- 最新版本：v0.8.106（2026-10-01）——仍在高频迭代
- 开源协议：Apache 2.0，可免费商用；本地渲染完全免费（需 Node.js 22+ 和 FFmpeg）
- 活跃度：2026-03 创建，2026-09-11 深夜仍在更新；TypeScript 编写
- 治理：BDFL 治理，HeyGen 有最终决定权
- 姊妹仓库：
hyperframes-launches公开了 HeyGen 自己产品发布视频的成品代码（496 Star）
工作原理（白话）
链路：HTML + CSS/JS + 动画（GSAP/Lottie/Three.js）→ Headless Chrome 逐帧精确截图 → FFmpeg 合成 MP4
三个关键设计：
- 不是录屏：逐帧渲染、确定性输出——同样的代码每次导出的视频一模一样，可批量复用（录屏式工具做不到）
- 时间轴写进代码：
data-start（开始）/data-duration（时长）/data-track-index（轨道）——改视频 = 改参数，正好是 AI 的强项 - 为 Agent 而生：内置 20 套 Agent 技能，
/hyperframes统一入口；兼容 Claude Code、Cursor、Gemini CLI、Codex
一条指令示例：Using /hyperframes, make a 10-second product intro for https://example.com → AI 全自动完成脚本→代码→动画→预览→渲染 MP4。
内置工作流
/product-launch-video：产品发布宣传片/faceless-explainer：无真人出镜的知识科普视频/pr-to-video：GitHub 代码更新自动转讲解视频/embedded-captions：视频嵌字幕- 支持 Remotion 项目一键迁移
和我的关系
- 漫剧的另一条腿：写实画面短剧还得靠开源视频模型，但图文动画类视频（产品介绍、知识科普、数据图表、片头片尾包装）这条路线完全对口——不烧显卡、不耗 API、本地免费、批量复制
- 安装模式和 Archify 一样：都是 Agent Skill（
npx skills add heygen-com/hyperframes），装到 TraeWork/Claude Code 里就能让 AI 直接做视频 - 安装命令备忘：
npx skills add heygen-com/hyperframes
相关笔记
- 开源视频模型 · Agent Skill · ComfyUI · Claude Code · MiniMax H3
相关日记
- 2026-09-12 - 头条文章了解，GitHub 数据核实
- 2026-10-02 - 核实：补 v0.8.106 版本与 BDFL 治理