HyperFrames: an open-source "HTML in, MP4 out" renderer built for coding agents - how creators use it for motion graphics and what it requires
Primary README (heygen-com/hyperframes, Apache-2.0, Node >= 22; releases daily - v0.8.188 on 2026-10-23). It renders HTML, CSS, media and seekable animations into deterministic MP4 via a CLI, a Studio/playground, or as a rendering core, and is designed to be driven by coding agents: install as a Claude Code plugin (marketplace add heygen-com/hyperframes; /hyperframes) or via "npx skills add"/"npx hyperframes skills update" for Codex, Cursor, Gemini CLI, Copilot and others. Seven skills; the core set is /hyperframes (render contract and references for film, captions, overlays, motion, look), /hyperframes-cli (scaffold, check, inspect frames, edit timeline, preview, render locally or in the cloud, publish), /hyperframes-registry (~450 ready-made editable blocks: transitions, titles, kinetic type, captions, charts, maps, 3D, camera moves) and /media-use (music, SFX, images, voiceover, avatars, generated video, transcripts, cutouts, grades - via HeyGen services or free local tools); opt...
Structured fields
{
"citations": [
{
"url": "https://github.com/heygen-com/hyperframes",
"note": "intro; Core set table"
}
]
}Evidence claims
- [sourced_fact] Primary README (heygen-com/hyperframes, Apache-2.0, Node >= 22; releases daily - v0.8.188 on 2026-10-23). It renders HTML, CSS, media and seekable animations into deterministic MP4 via a CLI, a Studio/playground, or as a rendering core, and is designed to be driven by coding agents: install as a Claude Code plugin (marketplace add heygen-com/hyperframes; /hyperframes) or via "npx skills add"/"npx hyperframes skills update" for Codex, Cursor, Gemini CLI, Copilot and others. Seven skills; the core set is /hyperframes (render contract and references for film, captions, overlays, motion, look), /hyperframes-cli (scaffold, check, inspect frames, edit timeline, preview, render locally or in the cloud, publish), /hyperframes-registry (~450 ready-made editable blocks: transitions, titles, kinetic type, captions, charts, maps, 3D, camera moves) and /media-use (music, SFX, images, voiceover, avatars, generated video, transcripts, cutouts, grades - via HeyGen services or free local tools); optional /figma, /slideshow and /remotion-to-hyperframes. The skills teach a loop: plan, write valid HTML, wire seekable animations, add media, lint, preview, render. Creator use case (C3-B423-02): ask the agent to add titles, animated lists, counters and UI animations around a raw talking-head video and iterate in plain language. Why it matters for Veyrul: deterministic, versionable motion graphics (HTML source) complement non-deterministic generative video; note that some media features call HeyGen paid services, and agent-written code runs locally (review before running). · locator: intro; Core set table source
Rights
| component | license | hosting | redistribution | modification | training | Evidence and notes |
|---|---|---|---|---|---|---|
| documentation | unknown | permitted | permitted | unknown | unknown | Applies to this original summary only, not to the cited sources. |