AI视频生成神器Hyperframes爆火:写HTML就能做视频,Codex和Claude都能调用
AI视频生成神器Hyperframes爆火：写HTML就能做视频，Codex和Claude都能调用
它让 AI 不再操作复杂的视频时间轴，而是直接编写 HTML、CSS 和动画代码，再把浏览器中的每一帧稳定渲染成 MP4。
30 秒看懂安装 Hyperframes Skill → 告诉 Codex / Claude Code 想做的视频 → Agent 编写 HTML 动画场景 → 浏览器实时预览 → Chromium 逐帧捕获 → FFmpeg 导出 MP4。PROJECT LINKSHyperframesGitHub：github.com/heygen-com/hyperframes项目规模：约 4.6 万 Star
支持：Codex · Claude Code · Cursor · Gemini CLI
许可证：Apache-2.0
截至 2026 年 9 月 8 日，Hyperframes 官方仓库显示约 4.6 万 Star、约 4.3K Fork，并进入 GitHub Trending 今日榜前列。热度会持续变化，请以仓库实页为准。
它由 HeyGen 团队开源，核心思路是“Write HTML. Render video.”：用网页技术制作可重复、可检查的视频合成，再通过 Agent Skill 把这条生产流程交给 AI。
01 / WHY IT’S HOTAI视频生成又有新玩法：不画时间轴，直接写网页
传统视频工具依赖复杂时间轴，AI Agent 很难稳定操作。Hyperframes 把每一幕、文字、动画和媒体都写进普通 HTML、CSS 与 JavaScript，再通过浏览器逐帧渲染成 MP4。对 Codex、Claude Code 这类擅长写代码的 Agent 来说，这种工作方式天然更合适。
图 1：Hyperframes 官方演示——HTML 代码转为视频画面（来源：GitHub / heygen-com/hyperframes）
02 / HTML TO VIDEO网页能实现的视觉效果，几乎都能带进视频
HTML 负责场景结构，CSS 负责排版和视觉，GSAP、Three.js、Lottie 与 Shader 可以处理动画和特效。视频不再被限制在固定模板中，开发者可以像做网页一样精确控制字体、颜色、转场、字幕和数据图表。
图 2：官方产品宣传片测试素材——HeyGen 首页（来源：GitHub / heygen-com/hyperframes）
03 / 20 AGENT SKILLS20套Agent Skill，直接描述想做什么
项目已经把视频工作流整理成可安装的 Skills，覆盖产品发布视频、无脸解说、GitHub PR 更新视频、字幕嵌入、口播重剪和动态图形。Agent 会根据任务选择工作流，再完成规划、编写、检查、预览和渲染。
图 3：官方产品功能展示素材（来源：GitHub / heygen-com/hyperframes）
04 / PREVIEW & RENDER浏览器实时预览，最终导出确定性的MP4
使用 npx hyperframes preview 可以在 Studio 中预览，修改代码后马上检查画面；npx hyperframes render 会调用 Chromium 和 FFmpeg 输出 MP4。相同代码与时间点能够重复渲染，特别适合批量生成不同文案、比例和品牌配色的视频。
图 4：官方 Hero Prism 视觉特效素材（来源：GitHub / heygen-com/hyperframes）
05 / BEFORE START上手前，先看清这三个使用条件
第一，本地运行需要 Node.js 22+、Chromium 和 FFmpeg；第二，它更适合愿意让 AI 写代码的用户，并不是剪映式拖拽编辑器；第三，框架采用 Apache-2.0，但仓库中的品牌、字体、照片和第三方媒体可能有独立版权，商业发布前仍要逐项确认。
图 5：官方桌面设备视频模板素材（来源：GitHub / heygen-com/hyperframes）
PROJECT CARDHyperframes定位：专为 AI Agent 设计的 HTML 视频渲染框架GitHub：github.com/heygen-com/hyperframes
安装：npx skills add heygen-com/hyperframes
输出：MP4 与透明视频叠加层
项目规模：约 4.6 万 Star（2026-09-08）
许可证：Apache-2.0
状态：快速更新中REFERENCE本文根据 Hyperframes 官方 GitHub 仓库、README、CLI 文档、Skill 目录与官方公开素材整理，信息核对时间为 2026 年 9 月 8 日。正文图 1—5 均来自 heygen-com/hyperframes 官方仓库，未使用 AI 生成的项目效果图；图片已直接嵌入 HTML，避免外链失效。Star 与功能会持续变化，请以 GitHub 实页为准。GitHub 每日一荐 · 第 040 期每天认识一个值得关注的 GitHub 项目。
不只介绍功能，也讨论它真正解决的问题。