本文介绍了两个 GitHub 上主流的 HTML 生成视频的开源项目：HeyGen 的 HyperFrames 和 Open Design 团队的 html-video，并对比了它们的技术路线与适用场景。
📝 详细摘要
文章介绍了两个将 HTML 转换为视频的开源项目。第一个是 HeyGen 开源的 HyperFrames，它允许用户用 HTML + CSS + 动画编写视频，渲染引擎在无头 Chrome 中逐帧录制并用 FFmpeg 合成 MP4。其核心特点是原生为 AI Agent 设计、无需 React 等打包工具、支持多种动画引擎，并内置了 15 个 Skill 和 Catalog 组件库。第二个是 Open Design 团队（曾开源 Claude Design 平替）的 html-video，它在 HyperFrames 之上封装，提供了 21 套可商用的视频模板、链接转视频功能（支持微信公众号文章），以及一个本地 Studio 界面，支持多 Agent 后端。文章还对比了两者的定位差异：HyperFrames 是底层渲染引擎，html-video 是更上层的模板化工具。
💡 主要观点
- HyperFrames 用 HTML 写视频，原生为 AI Agent 设计。 它通过 HTML + CSS + 动画定义视频内容，渲染引擎在无头 Chrome 中逐帧录制，结果完全确定。内置 15 个 Skill，Agent 可直接调用生成视频，无需 React 等复杂工具链。
💬 文章金句
- 核心思路是：一个 HTML 文件就是一个视频。
- 整个过程完全确定性，同一个 HTML 永远产出同一个视频，没有随机性。
- HyperFrames 选了纯 HTML 路线，一个 index.html 文件浏览器直接打开就能预览，Agent 写起来也更自然，毕竟 HTML 是所有 Agent 都会写的东西。
📊 文章信息
AI 初评：76
来源：逛逛GitHub
作者： 逛逛GitHub
分类：人工智能
语言：中文
阅读时间：6 分钟
字数：1421
标签： AI 编程, 开源项目, AI 视频生成, 开发者工具, HTML 渲染