What It Is
HyperFrames is an open-source video rendering framework from HeyGen. You compose videos as HTML pages with CSS animations and GSAP tweens. The CLI renders them to MP4, MOV, or WebM. The framework is agent-first: it ships with skill files that teach Claude Code, Cursor, Gemini CLI, and Codex how to author compositions.
The Pitch
"Be you in 2020: open Figma, open After Effects, open Premiere, pray the render works.
Be you in 2026: describe what you want, agent handles the rest, mp4 appears."
via @nrqa__
Agent Slash Commands
| Command | Purpose |
|---|---|
/hyperframes |
Author compositions |
/hyperframes-cli |
CLI command help |
/gsap |
GSAP animation help |
Install
npx hyperframes init my-video
cd my-video
npx hyperframes render
Node.js 22+ and FFmpeg required. No install step for the runtime itself.
Why It Matters
Remotion did this for React developers. HyperFrames goes a step further by being explicitly agent-first: the skills teach the model what to write, not just how to run the renderer. If HTML-as-video becomes the default output format for AI video generation, this is an early anchor.
