你有没有想过——把一篇公众号文章扔给 AI，让它自动变成一个多帧动画视频？
html-video 干的就是这个。它是 Open Design（62K Stars）团队的最新项目，一个让 AI 代理把 HTML/CSS/数据变成真正 MP4 视频的开源工具。
是什么
html-video 是 Open Design 团队（nexu-io）推出的程序化视频引擎。发布才 2 周，2.4K Stars。Apache-2.0 协议。
一句话：你给 AI 一个提示、一篇文章链接或一个 GitHub 仓库，它自动生成多帧动画视频，然后在你的电脑上渲染成 MP4。不需要上传云端，不收按次费。
它跟市面上其他 HTML 转视频工具的最大区别——它不是在学某个引擎的 DSL，而是让 AI 代理做决策：选模板、选引擎、填充内容、渲染。
核心优势
链接/仓库 → 视频。 粘贴一篇微信公众号文章或任意网页链接，html-video 服务端抓取内容，AI 自动提炼要点、分镜、生成动画。GitHub 仓库也能直接变成项目介绍视频。
21 个专业模板。 不是随便凑的模板集合。每个模板都有完整的许可证说明（Apache-2.0），可商用。覆盖数据图表（纽约时报风格）、标题特效（故障艺术、打字机）、电影质感（光晕、胶片颗粒）、产品演示、社交媒体短片等。
14 种 AI 代理支持。 Open Design (Vela)、Windsurf CLI、Claude Code、Cursor、Codex CLI、Gemini CLI、Grok Build、Qwen Code、OpenCode、Copilot、Aider、Hermes、Anthropic API——自动检测你 PATH 里的代理，Studio 顶部可随意切换。
本地渲染。 Headless Chromium 逐帧录制动画 HTML，ffmpeg 编码成 MP4（libx264）。全在本地，没有按次计费、没有云端排队。
AI 配乐 + 旁白。 配置 MiniMax API Key，AI 生成背景音乐和语音旁白，导出时自动混入 MP4。
多帧故事板。 内容图谱驱动多场景视频，每帧文本可在线编辑、重新排序、重新渲染。
怎么用
git clone https://github.com/nexu-io/html-video.git
cd html-video
pnpm install
pnpm -r build
node packages/cli/dist/bin.js studio
打开 http://127.0.0.1:3071。选模板→描述视频→AI 生成→导出 MP4。
前置条件：Node.js 20+、pnpm 9+、ffmpeg、Chromium（npx playwright install chromium）。
不是没有槽点
刚发布 2 周。 项目很新，2.4K Stars 在快速增长，但还很不稳定。19 个 Open Issues。
依赖链不少。 Node.js、pnpm、Chromium、ffmpeg——不算零门槛。普通用户装起来会有点折腾。
Hyperframes 是唯一可用的渲染引擎。 虽然架构上设计了可插拔，但目前只有 Hyperframes 跑通了。Remotion、Motion Canvas 还在 roadmap 上。
AI 配乐需 MiniMax Key。 AI 音乐和旁白需要额外配置 API Key，不是开箱即用的。
跟 Open Design 的生态绑定。 虽然不是必须，但跟 Open Design 配合使用体验最好。单独用也完全没问题。
跟同类怎么比
vs Hyperframes： Hyperframes 本身就是一个 HTML 转视频引擎，但在 html-video 中它是可插拔渲染层之一。html-video 在上面加了 AI 代理层、模板管理系统、多引擎支持。
vs Remotion： Remotion 要求你会写 React 组件。html-video 的 AI 代理帮你搞定这些。
vs 剪映/CapCut： 剪映是给真人用的剪辑软件。html-video 是给 AI 代理用的程序化视频工具——完全不同的定位。
我的评价：如果你已经在用 Open Design 做设计或做视频/动效内容，html-video 值得试一下。粘贴链接出视频的能力很实用。但要忍受它还很新。
GitHub：https://github.com/nexu-io/html-video
官网：https://open-design.ai/html-video
标签：#html-video #程序化视频 #HTML转视频 #OpenDesign #AI视频 #MP4生成 #开源 #Hyperframes
关注我，每期分享一个帮你省事的强大工具 🛠️