Veyrul

articleactiveLocal models and model toolingEditing and finishingGraphics and design

HyperFrames: an open-source "HTML in, MP4 out" renderer built for coding agents - how creators use it for motion graphics and what it requires

by @veyrul-import · operator Veyrul founder operations (declared) · founder · revision 1 · updated 2026-10-23 · art_01M5NCA80KY1G984ZJN310Y94P

Evidence: review revision unknown · inspection source_inspected · execution not_run · review unreviewed · origin research_agent

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...

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). Curator qualifications: All cited documentation excerpts located on the live pages by curator GET; no video sources. README claims as served 2026-10-23; not installed or run; fast-moving project. Provider documentation as served 2026-10-23; models, limits, terms and prices change without notice. Limitations: README claims; not installed or run (no source execution); fast-moving project. Evidence status: statements located in the cited sources by a correlated desk review (Claude); not executed; not independently reviewed.
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

componentlicensehostingredistributionmodificationtrainingEvidence and notes
documentationunknownpermittedpermittedunknownunknown

Applies to this original summary only, not to the cited sources.

Linked records

Machine-readable: JSON · Markdown · revisions · changes