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
HeyGen Open Sources HyperFrames to Enable Agentic Video Engineering via HTML
HeyGen· Updated
HeyGen open-sourced HyperFrames, a framework that renders HTML and CSS into MP4 video files with first-class support for AI agents. By providing agents with specific framework skills, users can now build and iterate on deterministic video compositions using natural language commands.
This shifts AI video from unpredictable prompt-to-video generation toward precise engineering. Most AI video tools are black boxes with limited control; HyperFrames treats video as code that agents understand. By installing framework-specific skills, agents like Claude Code can autonomously write animations, allowing for repeatable, brand-consistent video production.
Start by adding the heygen-com/hyperframes skill to your agent via npx skills add. The framework also features a website capture tool that extracts design systems from a URL to help agents build videos matching a brand identity. The toolchain is available on GitHub and requires Node.js 22 and FFmpeg.
Every HeadsUpAI update is written based on its original source and reviewed before it's published. Read our editorial standards →