
复杂的视频剪辑工具,对专业的剪辑大神来说很好用,但是对不懂剪辑的人和AI Agent来说,就没那么友好了。
比如专业的开发者或者正在用AI去vibe coding的人,怎么去用AI剪辑,这很重要。
主要还是想解决自动化剪辑这件事情,传统工具很难实现。
刚好看到HeyGen开源的HyperFrames,来实测一下。

这类项目的思路都很一致,既然开发者和AI最熟悉HTML、CSS、JS,那就让视频也用这套方式来描述。把视频定义成HTML文档,用data-*属性管理时间、轨道和元信息,再通过GSAP、CSS、Lottie等工具制作动画,最终经由浏览器和渲染引擎进行确定性的逐帧渲染,输出 MP4。
DEMO
我也在慢慢熟悉这种做视频的形式,今天主要是演示下基础使用效果。
特殊声明!我测试用的是CodeX-GPT-5.4,所以在美感上不如Claude和Gemini。
我的提示词很简单:
来看下第一版的效果。
这跟大家用AI写代码一样了,感觉哪不好就直接让它修改,非常可控!
我的第二条提示词:
这样就生成了一条相对可用的产品介绍视频。
进阶玩法我还在测试,看看能不能加一些测试的录屏,能不能加一些AE才能实现的动画,还有一些官方提供的模板,大家也可以动手玩玩。
如果测试成功再来给大家做教程。
功能特点
- HTML 原生
直接用 HTML + data-*,开发者几乎没有理解门槛。
- 为AI agent设计
AI最擅长生成HTML,而不是操作拖拽式时间轴。HyperFrames的CLI默认是非交互式、参数驱动、纯文本输出,这非常适合Codex、Claude Code、Cursor直接调用。
- 确定性渲染
相同输入会得到相同输出。对于批量生成、自动化测试、CI 渲染、内容版本管理来说,这一点非常重要,因为它意味着结果可复现。
- 兼容常见动画能力
它不会把你锁死在一种动画系统里,而是支持 GSAP、Lottie、CSS,还可以接入Three.js这类运行时,你可以把它理解成一个视频编排层。
- 适合自动化生产
从写脚本、生成分镜、预览、校验到输出视频,这一整套流程都可以进入自动化流水线。
- 有50+模板
官方提供了模板和50+可复用的转场、社媒组件、数据图表、视觉特效,可直接拿来生产。
项目链接

© 版权声明
文章版权归作者所有,未经允许请勿转载。
