AI落地社
← 返回 Skills 合集

HyperFrames:写 HTML,渲染出 MP4

GitHub Stars 4万

分类:音视频创作

它教给 agent 的是一整条制作流程:先定片子结构,再写合法的 HTML,把动画挂成可跳转的时间轴,配上素材,跑 lint,预览,最后渲染。十九个 skill 按需加载,先读 /hyperframes——它是路由和能力地图,任何「给我做个视频」的请求都由它分派。装的时候要带 --full-depth:不带的话取的是注册表快照,比主干晚几个小时,你会拿到旧版本。Apache 2.0,需要 Node 22 以上。

视频自动化开发开源

一句话价值

把 HTML、CSS、媒体和可跳转的动画渲染成确定性的 MP4。确定性是关键:同样的输入永远出同样的帧,所以能定位、能预览、能重来。

适合场景

  • 内容创作者
  • 开发者
  • 职场人士

亮点

  • 用 /hyperframes 做一段十秒的产品开场:标题淡入、背景视频、配一段轻音乐。
  • 把这份数据做成一段动态图表视频,动画要可跳转,最后渲染成 MP4。
  • 这段动效渲染出来和预览不一致,帮我查是哪一帧的时间轴没对上。

安装方法

在终端执行下面的命令即可安装该 Skill:

npx skills add https://github.com/heygen-com/hyperframes