大家好，有幸继续分享，这篇我分享短视频工具专题的第四篇。
前面三篇分别聊了全自动流水线 MoneyPrinterTurbo、免费本地剪辑工具 OpenCut、把 Agent 看作导演的 OpenMontage。今天继续我们的专题系列：如何通过代码稳定生成下面这种有趣的动画视频。
这个像是是今年3 月开源，并迅速登上Github热榜的，名字是HyperFrames，现在已经 4.3 万多 Star。官方 slogan 就三句，Write HTML. Render video. Built for agents.
如果你经常刷 B 站的科普相关的视频，应该见过了类似下面极简、丝滑且富有逻辑感的 PPT 风格的视频。没错，这种视频就是用这个工具做出来的，下面是将HyperFrames官网做成视频的示例。
它和前三篇不在同一层。MoneyPrinterTurbo 管整条流水线，OpenCut 管人在时间轴前剪，OpenMontage 让 Agent 当导演。HyperFrames 只管渲染，把 HTML 页面逐帧拍下来，编码成 MP4，而且帧级确定性，同一输入跑两次结果一致。第三篇 OpenMontage 文档里会调它做动效，单独用也行。
技术路径我翻了一遍官方文档。composition 就是一份 HTML，data 属性标时间轴和轨道，动画接 GSAP、Lottie、Three.js 都行。预览在浏览器打开 index.html 就能看，渲染走无头 Chrome 逐帧 seek，FFmpeg 编码。后端做 CI 的同学会眼熟，视频在这里变成了构建产物，可以进流水线批量跑。
现在的Agent（CC、Workbuddy等）最擅长写代码了，尤其是写网页代码。执行下面指令安装技能包
npx skills add heygen-com/hyperframes
Agent 会根据你的需求，按照 hyperframes 自动判断你的意图，然后按场景选择不同的工作流去执行，写 HTML，lint，preview，npx hyperframes render 出片。
官方列了 20 个 skill，产品发布、PR 讲解、字幕包装、动效短片、数据可视化。Catalog 里还有 150 多个预制 block，转场、字幕、图表、社交卡片，调用下面一行命令就能安装到工程中
hyperframes add
官网 Showcase 上成品很多，产品发布、数据图表、社交字幕都有对应的演示视频，大家可以自行去看看，
做技术相关的自媒体，我最看两个skill
product-launch-video 这个skill 你给它一个官网 URL，它就能给你生成一个 30 到 90 秒介绍视频，像我写平时做一下开源项目视频解读，非常好用。
pr-to-video 更厉害了，能把 GitHub PR 变成更新说明短视频，当然这个可能只适合有技术背景的同学。
Agent 用 gh CLI 读 diff，动画展示代码变更，配旁白和字幕。开源项目发版说明，不用再对着屏幕录一遍。talking-head recut 适合已有口播素材，HyperFrames 加字幕、lower-third、数据标注，原片不动。我动效和字幕样式经常卡壳，剪映里磨一集，一两个小时很正常。
和 Remotion 比
Remotion 用 React 组件做视频，HyperFrames 走 plain HTML 这条路。官方对比里，HyperFrames 不需要构建步骤，index.html 在浏览器里就能播。Agent 本来就会写 HTML，上手成本低一截。会 React 的团队两边都能试，不想配 bundler 的可以优先看这边。
边界说清
这里需要提醒大家，HyperFrames不负责选题、找素材、自动化发布的，这些还是 MoneyPrinterTurbo 和 OpenMontage 的事，实拍长片精剪还得 OpenCut。
写在最后
今天这篇，再加上之前的 三 篇，四篇下来工具栈大概齐了，自动化、免费本地剪辑、Agent 制片、代码渲染。
开源地址： github.com/heygen-com/…
感谢阅读，希望大家能喜欢。
持续更新中，竹叶获取最新所有分享工具信息。
