项目介绍
HeyGen 开源的视频创作框架与 Agent Skills 套件，让 AI Agent 用 HTML、CSS、媒体和可定位动画制作、预览并渲染确定性的 MP4。 它当前的主要能力包括视频工作流路由、HTML 动效创作、预览与渲染、复用式视频生产。本页只依据 GitHub 公开材料整理，没有把 README 描述写成亲自实测。
核心功能
视频工作流路由
通过 `/hyperframes` 根据产品宣传、动效、字幕、音乐或通用视频需求选择对应创建流程。
HTML 动效创作
使用 HTML、CSS、GSAP、Lottie、Three.js 等可定位动画描述画面和时间。
预览与渲染
CLI 提供初始化、检查、快照、浏览器预览和 MP4 渲染路径。
复用式视频生产
支持字幕、覆盖层、图表、网站转视频和可重复批量渲染。
安装与使用
使用 README 的 Skills CLI 入口安装核心 Skills；非交互 Agent 需要最新版时可改用 `npx hyperframes skills update`，之后从 `/hyperframes` 路由一个最小视频任务。
让 AI Agent 帮你安装
把这段话发送给 Codex、Claude Code 或其他可以操作本地环境的 AI Agent。
请帮我安装 HyperFrames Agent Skills，项目地址：https://github.com/heygen-com/hyperframes。先阅读 README.md、docs/guides/skills.mdx 和 LICENSE，确认本机有 Node.js 22+ 与 FFmpeg，然后按官方方式安装核心 Skills。发现同名 Skill、需要安装系统依赖、启用云渲染、上传素材或覆盖文件时先询问我。安装后用 `/hyperframes` 创建一个 3 秒标题淡入示例，先预览再本地渲染，并报告 MP4 路径与验证结果。- Node.js 22+
- FFmpeg
- 支持 Agent Skills 的编码 Agent
npx skills add heygen-com/hyperframes- 1核对环境与边界
阅读仓库安装资料并确认这些前置条件：Node.js 22+；FFmpeg；支持 Agent Skills 的编码 Agent。需要凭据、费用、额外权限或文件覆盖时先停下确认。
- 2执行官方安装
按仓库当前 README 执行： npx skills add heygen-com/hyperframes
- 3运行最小验证
创建一个 3 秒标题淡入项目，运行 `npx hyperframes preview` 确认可预览，再运行 `npx hyperframes render` 并确认生成可播放 MP4。
- 4再进入真实任务
确认最小验证通过后，再使用非敏感测试素材进入真实工作流；涉及外部上传、付费调用、发布或不可逆修改时单独确认。
创建一个 3 秒标题淡入项目，运行 `npx hyperframes preview` 确认可预览，再运行 `npx hyperframes render` 并确认生成可播放 MP4。
- 本页未执行安装或视频渲染
- 完整开发克隆包含 Git LFS 视频基线；只安装 Skills 不需要下载全部测试媒体
- 云渲染或外部素材服务可能引入额外账号、费用和数据边界
使用场景
产品宣传动效
把产品页面、功能更新或 PR 内容制作成可复现的短视频。
字幕与覆盖层
为现有素材添加字幕、标题卡、数据图表和品牌化覆盖层。
批量栏目
用固定 HTML 结构和数据生成排行榜、更新日志或社交媒体系列。
使用评价
从 README、安装资料和仓库结构看，HyperFrames 的优势是把视频工作流路由、HTML 动效创作、预览与渲染整理成 Agent 可调用的明确路径。限制主要来自依赖、宿主和数据边界；本评价基于公开材料，没有安装或运行实际媒体任务。
值得一试的地方
- 通过 `/hyperframes` 根据产品宣传、动效、字幕、音乐或通用视频需求选择对应创建流程。
- 使用 HTML、CSS、GSAP、Lottie、Three.js 等可定位动画描述画面和时间。
- CLI 提供初始化、检查、快照、浏览器预览和 MP4 渲染路径。
使用前要知道
- 本页未执行安装或视频渲染
- 完整开发克隆包含 Git LFS 视频基线；只安装 Skills 不需要下载全部测试媒体
- 云渲染或外部素材服务可能引入额外账号、费用和数据边界
README
HyperFrames
Overview
HeyGen 开源的视频创作框架与 Agent Skills 套件，让 AI Agent 用 HTML、CSS、媒体和可定位动画制作、预览并渲染确定性的 MP4。 Write HTML. Render video. Built for agents.
Getting started
- 使用 README 的 Skills CLI 入口安装核心 Skills；非交互 Agent 需要最新版时可改用 `npx hyperframes skills update`，之后从 `/hyperframes` 路由一个最小视频任务。
- 项目定位：HeyGen 开源的视频创作框架与 Agent Skills 套件，让 AI Agent 用 HTML、CSS、媒体和可定位动画制作、预览并渲染确定性的 MP4。
- 公开特征：HTML 原生视频组合；20 个按需加载的 Agent Skills；Node.js 22+ 与 FFmpeg；Apache-2.0 许可证。
- 创建一个 3 秒标题淡入项目，运行 `npx hyperframes preview` 确认可预览，再运行 `npx hyperframes render` 并确认生成可播放 MP4。
Configuration
npx skills add heygen-com/hyperframes