HyperFrames

HyperFrames 是 HeyGen 开源的 HTML 转 MP4 引擎，外加可加载技能包。文档在 hyperframes.heygen.com/introduction。仓库 heygen-com/hyperframes 为 Apache-2.0，创建于 2026-03-10，TypeScript。2026-09-10 GitHub 显示 48,513 star、4,443 fork，当天仍有推送。README：写 HTML，渲染视频，为智能体而做。演练场：hyperframes.dev。

对照 Generate Image 若你只要静帧，对照 Slack GIF Creator 若你只要短 GIF，对照 Claude Code 若你要加载 /hyperframes 的宿主。

核心功能

• HTML 合成：用 data-start、data-duration、轨道和可寻址动画适配器（GSAP、CSS、Lottie、Three.js、Anime.js、WAAPI）。不强制 React，普通 index.html 也不需要打包器。
• 20 个已发布技能：README 要求先读 /hyperframes。它会路由产品发布、无脸讲解、PR 转视频、动态图形、幻灯片、Remotion 迁移等。核心集按需安装；--all 才会拉齐全部已发布技能。
• CLI 循环：npx hyperframes init、preview、lint、render。文档还写了 HeyGen 云渲染和 AWS Lambda。需要 Node.js 22+ 和 FFmpeg。
• 确定性采集：无头 Chrome 逐帧寻址，FFmpeg 编码。同样输入得到同样 MP4。
• frame.md：DESIGN.md 的超集，让智能体按品牌 token 构图，而不是猜网页控件。

限制：48,513 star 只是热度，不是审计。README 提醒 npx skills add 可能落后 main 数小时；要当前核心集请用 npx hyperframes skills update。FFmpeg 和 Node 22 是硬性要求。Apache-2.0 覆盖引擎；走 HeyGen 云渲染仍按 HeyGen 计费。

适用场景

• Claude Code / Codex / Cursor 用户想做产品介绍或 PR 讲解 MP4，又不想打开 After Effects。
• 已有 design.md 的团队需要把同一套 token 放到 1920×1080 画幅。
• 其实该用 Generate Image 的人：只要一张静帧。

定价

快速开始

1. npx skills add heygen-com/hyperframes 并选 Core Skills，或非交互用 npx hyperframes skills update。
2. npx hyperframes init my-video && cd my-video && npx hyperframes preview。
3. 对智能体说：用 /hyperframes 做一段 10 秒、标题淡入的产品片头。
4. 预览满意后 npx hyperframes render。

第一方资料：Quickstart 和 README。

常见问题

这就是 HeyGen 那个 SaaS 吗？

不是。这是 Apache-2.0 渲染器和技能包。HeyGen 产品可以托管云渲染。本地渲染不需要 HeyGen 账号。

必须装齐 20 个技能吗？

不必。README：选择器默认全不选。Core Skills 就够。--all 是有意为之。

和 Remotion 有何不同？

README 对比：Remotion 用 React 写作；HyperFrames 用 HTML。Remotion License 是 source-available；HyperFrames 是 Apache-2.0。

替代方案

• Generate Image：静帧生成技能。
• Slack GIF Creator：短 GIF，不是 MP4 流水线。
• Claude Code：能加载这套包的编程智能体。

使用技巧

1. 引用 Apache-2.0、48,513 star、Node 22+、FFmpeg 和 20 个技能时，以 2026-09-10 页面为准。
2. 优先 npx hyperframes skills update，不要死磕过期的 skills.sh 快照。
3. 动画必须可寻址。只跟墙钟走的 GSAP 会在渲染器里漂移。

总结

HyperFrames 是智能体写得动的 HTML 视频栈：二十个技能、一套 CLI、Apache-2.0 本地渲染。从 文档 开始。若只要静帧，打开 Generate Image。