📊 查看 heygen-com/hyperframes 项目页

📱 下载 AI Rank App

HyperFrames 是 HeyGen 开源的 HTML→视频框架：用 HTML、CSS、媒体和可 seek 的动画，渲出确定性视频文件（MP4 等）。公开仓库是 heygen-com/hyperframes。入口还有 heygen.com/hyperframes、hyperframes.dev、文档站 hyperframes.heygen.com，以及开发者总览 developers.heygen.com/hyperframes-overview。

仓库和 npm 的口号是：写 HTML，渲视频，面向 agent。场景就是普通网页，无头浏览器加 FFmpeg 抓时间轴。

它是什么

对照 GitHub README、HeyGen 文档和产品页（核对时间：2026 年 10 月 25 日，America/Los_Angeles）：

  • 写法： HTML + CSS + JavaScript（GSAP 等可 seek 动画经 adapter）。组合本身不强制 React 打包，一份 index.html 可以直接播。
  • 确定性渲染： 相同输入在本地或文档描述的 HeyGen 云路径上应得到相同帧。
  • 给 agent 用的包装： skills / 插件（npx hyperframes skills update、Claude Code marketplace、Codex 插件包）。README 的 registry skill 写约 450 个可编辑积木；HeyGen Hyperframes overview 另写 150+ 预制块——数字以你打开的那一页为准。
  • 输出： 文档列 MP4、MOV、WebM、GIF 或 PNG 序列；可本地渲，也可走 HeyGen Cloud Rendering API。
  • Studio 桌面端： 产品页提供 macOS（Apple Silicon / Intel / Universal）和 Linux（.deb / AppImage）；Windows 标成即将推出。
  • 许可： Apache-2.0。
  • CLI 环境（README）： Node.js 22+、FFmpeg。

写作时 GitHub API：约 72128 star、6518 fork，语言 TypeScript，创建于 2026-03-10。核对到的 npm / Release 标签：v0.8.200（UTC 2026-10-25）。产品页上的周下载量、贡献者数会变，当营销快照看即可。

入门步骤

用 coding agent（README）： 先装 skills，再让它做短片。

npx skills add heygen-com/hyperframes
npx hyperframes skills update

Claude Code 插件（README）：

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

纯 CLI（README）：

npx hyperframes init my-video
cd my-video
npx hyperframes preview
npx hyperframes render

文档 quickstart 与 catalog 在 hyperframes.heygen.com。Studio 安装包在 heygen.com/hyperframes。走 HeyGen 基础设施的云渲染见开发者文档里的 Hyperframes Cloud Rendering。

与 Remotion 对照

README 写明 HyperFrames 受 Remotion 启发。两边都用无头 Chrome + FFmpeg。Remotion 公开材料以 React 组件和打包器为主；HyperFrames 押 纯 HTML，人和 agent 都能直接改，不必先起 JSX 工程。README 对照表（只列各自自述）：

HyperFrames Remotion
写法 HTML + CSS + 可 seek 动画 React 组件
构建 无；index.html 可直接播 需要 bundler
交给 agent 普通 HTML 文件 JSX / React 项目
分布式渲染 本地与 AWS Lambda 路径 Remotion Lambda（成熟云渲染）
许可 Apache 2.0 源码可得的 Remotion License

完整说明见 HyperFrames vs Remotion。Remotion 商业条款在 remotion.dev/docs/license，不是宽松开源许可一刀切。上表只汇总两边文档里写明的作者模型、构建与许可差异。

官方入口

来源

继续探索： 在 AI Rank 的开源项目排名 查看今天增长较快的 AI 相关开源项目。

或 📱 下载 AI Rank App 在手机上随时查看。

本文使用自动化编辑辅助，于 2026 年 10 月 25 日（America/Los_Angeles）依据 HyperFrames GitHub、heygen.com/hyperframes、developers.heygen.com/hyperframes-overview、hyperframes.heygen.com、npm 与 Remotion 许可页核对，未安装或实测该软件。