跳到正文
Rohan Paul· @rohanpaul_ai · X·· 2026-04-17
AI 导读

HeyGen开源AI视频渲染框架HyperFrames,支持AI代理将HTML/CSS/JS代码转为MP4等格式。该工具摒弃传统时间线,利用数据属性控制动画时序与图层,兼容GSAP、Lottie、Three.js等Web动画库。HeyGen团队已使用Claude Code配合该框架完成官方视频制作。开发者可通过npx命令安装,实现代码到视频的自动化生成。

正文 · 原文

HeyGen just open-sourced HyperFrames, it lets AI agents turn HTML, CSS, and JavaScript into MP4, MOV, or WebM video from the terminal.

An AI-agent-first renderer for video.

You describe the video, the AI-agent writes HTML/CSS/JS, and HyperFrames turns that code into a real MP4 video.

The idea is that agents already know the web stack far better than timeline video-editors, so HyperFrames adds a small set of data attributes for timing, layering, and composition, then hands animation to familiar browser tools like GSAP, Lottie, Three.js, and standard CSS.

引用HeyGen@HeyGen
We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow) https://t.co/vsRtZ6gQsb
在 X 查看被引用的帖子

来源:Rohan Paul · x.com