HyperFrames: write video in HTML and let AI agents render the MP4
TL;DR
HyperFrames (heygen-com/hyperframes, Apache-2.0) is a “video as code” framework: you — or an AI agent — write compositions in HTML/CSS, and headless Chrome plus FFmpeg render frame-accurate MP4s. It ships 21 skills for Claude Code, Cursor, Codex and others.
Highlights
| Trait | Why it matters |
|---|---|
| HTML/CSS as source | LLMs are great at HTML, so agents can author video directly |
| Deterministic rendering | Same source, same video — easy to review and version in git |
| Built-in skills | /product-launch-video, /pr-to-video (turn a GitHub PR into a video), /music-to-video… |
| Licence | Apache-2.0, no per-render fees |
Compared with Remotion
| Remotion | HyperFrames | |
|---|---|---|
| Authoring | React-first | HTML/CSS-first |
| Rendering | Headless Chrome + FFmpeg | Headless Chrome + FFmpeg |
| Migration | — | A skill ports Remotion compositions to HyperFrames |
Install
npx skills add heygen-com/hyperframes # requires Node.js ≥ 22How to put it to work
- Product teams: auto-generate release-note or feature-demo videos for every release.
- Marketing: produce hundreds of variants from one parameterised template.
- Note: this is code-driven motion design (text, shapes, composited media), not AI-generated footage.
Further reading: HyperFrames overview