HyperFrames — Write HTML. Render Video. Built for Agents.
HeyGen's open-source video framework (35k stars, Apache-2.0): deterministic MP4s from HTML/CSS and seekable animations. Ships 20 Agent Skills — product launch videos, website-to-video, PR explainers, beat-synced music videos — so one prompt lets Claude Code take a video from plan to final render.
HyperFrames' thesis fits in one line: Write HTML. Render video. It turns the web stack (HTML/CSS/media/seekable animations) into a deterministic MP4 pipeline — the same code always renders the same frames. The local CLI is three steps (init → preview → render), with HeyGen cloud rendering and AWS Lambda as options.
Its real killer feature for the agent era is the skill system: npx skills add installs 20 skills, with /hyperframes as a router that reads any "make me a…" request and dispatches to 11 creation workflows — product launch videos, website-to-video, faceless explainers, GitHub-PR-to-changelog videos, caption/graphic packaging for talking-head footage, beat-synced music videos, interactive slide decks, Remotion migration — backed by on-demand domain skills for animation, keyframes, creative direction, and media (BGM/SFX/TTS/icons, one-stop).
The skills teach agents the full production loop: plan → write valid HTML → wire seekable animations → add media → lint → preview → render. Works with Claude Code, Cursor, Gemini CLI, and Codex.
For developers and creators who want launch videos, social clips, and technical explainers from a single prompt — especially those already in an agent workflow who'd rather not learn After Effects for video. Node 22+ and FFmpeg is all it takes.
FAQ
What is HyperFrames?
HeyGen's open-source video framework (Apache-2.0): deterministic MP4 rendering from HTML/CSS, media, and seekable animations — the same code always renders the same frames.
How do I install it?
For AI agents: npx skills add heygen-com/hyperframes --full-depth --yes installs the 20 skills. Manually: npx hyperframes init → preview → render.
What are the requirements?
Node.js 22+ and FFmpeg. Local rendering works out of the box; HeyGen cloud rendering and AWS Lambda rendering are also available.
What kinds of videos can it make?
11 creation workflows: product launch videos, website-to-video, faceless explainers, GitHub PR explainers, caption/graphic packaging for talking-head footage, beat-synced music videos, interactive decks, general multi-scene pieces, and Remotion migration.
How does it relate to Remotion?
Both are code-driven video, but HyperFrames is plain HTML rather than React components; the official /remotion-to-hyperframes skill does one-way migration.