HyperFrames：写 HTML 就能渲染视频，为 AI Agent 而生
HeyGen 开源的视频框架（35k stars，Apache-2.0）：用 HTML/CSS 和可寻址动画确定性地渲染出 MP4。自带 20 个 Agent Skills——从产品发布视频、网站转视频、PR 讲解到卡点音乐视频，一句 prompt 让 Claude Code 全流程产出成片。
HyperFrames 的核心主张一句话：Write HTML. Render video. 把网页技术栈（HTML/CSS/媒体/可寻址动画）变成确定性的 MP4 渲染管线——同样的代码永远渲出同样的帧。本地 CLI 三步走（init → preview → render），也支持 HeyGen 云渲染和 AWS Lambda。
对 AI 时代真正的杀手锏是它的技能体系：npx skills add 装上 20 个 skills，/hyperframes 作为路由器读懂「帮我做个…」然后分发到 11 条创作工作流——产品发布视频、网站转视频、无脸解说、GitHub PR 转变更讲解、给口播视频加字幕/图形包装、卡点音乐视频、交互式幻灯片、Remotion 迁移等；底下再压着动画/关键帧/创意方向/媒体资源（BGM/SFX/TTS/图标一站解决）等原子域技能，按需加载。
技能教会 agent 完整的生产循环：规划 → 写合法 HTML → 接可寻址动画 → 配媒体 → lint → 预览 → 渲染。兼容 Claude Code、Cursor、Gemini CLI、Codex。
适合想用一句话产出发布视频、社媒短片、技术讲解片的开发者和创作者——尤其是已经在 agent 工作流里、不想为视频再学一套 After Effects 的人。Node 22+ 和 FFmpeg 即可跑。
常见问题
HyperFrames 是什么？
HeyGen 开源的视频框架（Apache-2.0）：用 HTML/CSS、媒体和可寻址动画确定性地渲染 MP4——同样的代码永远渲出同样的帧。
怎么安装？
给 AI agent 用：npx skills add heygen-com/hyperframes --full-depth --yes 装上 20 个技能；手动用 CLI：npx hyperframes init → preview → render。
需要什么环境？
Node.js 22+ 和 FFmpeg。本地渲染即可出片；也提供 HeyGen 云渲染和 AWS Lambda 渲染。
能做哪些类型的视频？
11 条创作工作流：产品发布视频、网站转视频、无脸解说、GitHub PR 讲解、口播视频字幕/图形包装、卡点音乐视频、交互式幻灯片、通用多场景视频，以及 Remotion 作品迁移。
和 Remotion 有什么关系？
同为代码驱动视频，但 HyperFrames 写的是 HTML 而非 React 组件；官方提供 /remotion-to-hyperframes 技能做单向迁移。