用代码写视频！HyperFrames 让我看到了 AI 视频的未来

做视频的同学有没有这种感觉——AE 模板太死板，剪映太手动，有什么工具能让 AI 直接帮你生成专业级视频？

我最近发现了一个超有潜力的开源项目——HyperFrames，用代码写视频，用 GSAP 做动画，输出 MP4。完全颠覆传统视频制作流程！

它是怎么工作的？

HyperFrames 的思路很巧妙：你写 HTML/CSS/JS，AI 帮你渲染成视频。每一帧都是精确可控的——没有关键帧漂移，没有导出玄学。

• 用 HTML/CSS 定义画面布局和视觉元素
• 用 GSAP Timeline 编写精确动画时序
• 用 HyperFrames CLI 一键渲染成 MP4

核心能力

• 精确帧控制：时间线用秒和标签精确标记，不用猜关键帧
• 组件化复用：glassmorphism 卡片、图表、logo 行、表格框架都能抽成组件
• 设计系统内置：自带 premium motion 语言（camera push、path draw、material scale-in）
• 渲染预览快：draft 模式快速验证，final 模式输出高质量

典型工作流

npx hyperframes preview
npx hyperframes lint
npx hyperframes render --composition compositions/scene-name.html 
  --output renders/scene-name.mp4 --fps 24 --quality draft --workers 2

渲染完成后自动提取首帧、中间帧、尾帧供 QA 核查，确保持续出片质量。

适用场景

Product demo 视频、Launch film、数据图表动画、UI 动效展示、企业宣传片……只要你能在浏览器里看到的，HyperFrames 都能帮你程序化生成视频。

设计师 / AIGC 创作者 / 视频制作人强烈建议关注，这个方向很有前景！

GitHub：https://github.com/saranambiar/hyperframes

GitHub: https://github.com/saranambiar/hyperframes