HyperFrames is an open-source video rendering framework from HeyGen that lets agents author compositions as plain HTML — no React, no proprietary DSL. Each element becomes a timeline clip through data-start, data-duration, and data-track-index attributes, and the CLI handles preview, lint, and deterministic MP4 rendering via Puppeteer page capture plus FFmpeg encoding.
The workflow is built agent-first. The CLI is non-interactive by default, npx skills add heygen-com/hyperframes teaches Claude Code, Cursor, Gemini CLI, and Codex how to produce valid compositions on the first try, and the Frame Adapter pattern keeps the animation runtime pluggable across GSAP, Lottie, CSS, and Three.js. A catalog of 50+ ready-made blocks — shader transitions, social overlays, animated charts — can be pulled in via hyperframes add.
Because rendering is deterministic (same HTML = identical bytes), HyperFrames slots cleanly into automated pipelines: agents can summarize PDFs into pitch videos, turn CSVs into chart-race animations, or assemble TTS-narrated short-form content without leaving the terminal. Requires Node.js ≥ 22 and a local FFmpeg install.