HeyGen · 2026-04-17 · major
HeyGen HyperFrames — open-source HTML-to-MP4 renderer built for AI agents
HeyGen open-sources HyperFrames: an agent-first HTML/CSS/JS → MP4/MOV/WebM renderer. Claude Code skill installs via `npx skills add heygen-com/hyperframes`. Apache-2.0, ~7.5k stars in its first day.
Agents already know HTML/CSS/JS. HyperFrames renders that directly to MP4 — so an AI agent can script a polished video from a prompt.
Key specs
| Git hub stars (day 1) | 7,500+ |
|---|---|
| Primary language | TypeScript (96.8%) |
What is it?
HyperFrames is HeyGen's open-source, agent-native video framework, released April 17, 2026. The pitch: LLMs are great at HTML, CSS, and JavaScript — they are bad at classic video-editor GUIs. HyperFrames lets an agent write a self-contained HTML page with a timeline, then deterministically renders that page to MP4, MOV, or WebM. It ships as a Claude Code skill you install with a single `npx skills add heygen-com/hyperframes` command.
How does it work?
Videos are HTML files with data attributes that define the timeline (cues, clips, transitions). A Frame Adapter layer supports multiple animation runtimes — GSAP, Lottie, pure CSS, Three.js — so agents can reach for whatever they already know. The renderer is deterministic: the same input HTML produces bit-identical output, which is important for CI pipelines. Non-interactive CLI defaults make it safe to run under an agent. Docker support means rendering can run locally or in a container. 50+ prebuilt components cover social overlays, data viz, shader transitions, and cinematic effects.
Why does it matter?
This reframes AI-video from 'prompt a model to hallucinate pixels' to 'prompt an agent to write a program that renders pixels'. The output is as debuggable as any web page — you can open the source and see exactly what is happening at every frame — and the tooling is already battle-tested in front-end. For teams that already pipe Claude Code into production, this is the first serious way to let it produce polished video as part of a workflow.
Who is it for?
Marketing and devtool teams shipping video from agents; anyone building Claude Code / Cursor workflows that need deterministic video output.
Try it
npx skills add heygen-com/hyperframes