星标数：83765★ Fork数：7735 《hyperframes：写 HTML 渲染视频的智能体友好框架》
HyperFrames 是一个免费的开源框架，用于将 HTML、CSS、媒体以及可寻址动画（seekable animations）转换为确定性的 MP4 视频。你可以通过本地 CLI 使用它，也可以让 AI 编码代理（AI coding agent）通过 skills 调用它，或将其作为托管创作工作流背后的渲染核心。
HyperFrames Studio 桌面应用同样可以免费使用；其 Pro 套餐提供 HeyGen 的顶级视频、图像、语音和音乐模型。macOS、Windows 和 Linux（.deb）均可下载桌面应用。
正在使用 Claude Code、Codex、Cursor 或其他编码代理？运行一次 npx hyperframes skills update，然后让你的代理制作视频即可。
主要特点
- 用 HTML 编写内容，渲染为视频，专为 AI 编码代理设计（Write HTML. Render video. Built for agents.）
- 通过 CLI 本地使用，或作为托管创作工作流的渲染核心
- 内置 9 个 skills，涵盖视频制作流程：规划视频、编写合法 HTML、接入可寻址动画、添加媒体、lint、预览和渲染
- 与 Claude Code、Codex、Cursor、Gemini CLI、IBM Bob 等支持 skills 的编码代理协同工作
- 核心 skills 包括
/hyperframes、/hyperframes-cli、/hyperframes-registry、/media-use、/reverse-any-video、/style-sampling，另有/figma、/slideshow、/remotion-to-hyperframes按需安装 - 通过插件方式集成到 Claude Code 等代理的更新管理器中，支持自动更新
快速开始：安装 skills
使用 Claude Code 时，安装带版本的插件：
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes对于独立 skills（包括 OpenCode），使用：
npx skills add heygen-com/hyperframes在非交互式环境（脚本或 CI 任务）中，npx hyperframes skills update 恰好安装核心 skills 集；skills add --all 则安装全部 9 个已发布的 skills。安装完成后，可以尝试这样的提示：
Using /hyperframes, create a 10-second product intro with a fade-in title, a background video, and subtle background music.核心 skills 一览
/hyperframes：任何用 HyperFrames 制作、编辑、动画化或渲染视频的请求都应先阅读，包含渲染契约与工作流程/hyperframes-cli：按任务使用 HyperFrames CLI——脚手架、检查、查看帧、编辑时间线、预览、本地或云端渲染、分享、项目历史，以及读取 JSON、从构建或渲染失败中恢复/hyperframes-registry：约 450 个可直接使用的 blocks 与组件，以可编辑源码形式安装
📊 本项目 GitHub 星标数：83765。最后更新：2026-11-13，发布：2026-11-13。项目地址：https://github.com/heygen-com/hyperframes
