GitHub skill · install globally

Render video from HTML.

HyperFrames is the engine that turns HTML into real MP4 video. Every frame sits on a single paused timeline, so a render is deterministic and seek-safe: the same input always produces the same video, frame for frame. It is the powerhouse under the faceless-explainer, motion-graphics, and carousel guides in this library, and you can drive it on its own to build any video out of code.

What it does

HTML to MP4 renders any HTML/CSS/JS scene to video.
deterministic one paused timeline, repeatable and seek-safe renders.
component catalog pull ready-made blocks with npx hyperframes add.
cloud render render locally or on AWS Lambda for scale.

How to use it: scaffold a project, write or pull scenes, preview, then render to MP4. In Claude Code it routes any "make me a video" request to the right workflow. Most of the video guides here build on top of it.

Install (paste into your terminal)

🔒 Drop your email to reveal the install + repo

Get it, free.

Drop your email and the install command and repo link unlock instantly, plus every other guide and resource in the library. One email a week, unsubscribe anytime.

# Install HyperFrames globally as a Claude Code skill
git clone https://github.com/heygen-com/hyperframes ~/.claude/skills/hyperframes

# Restart Claude Code so it picks up the skill.
# Or use the CLI directly (no clone needed):
npx hyperframes init     # scaffold a project
npx hyperframes add caption-pill-karaoke   # pull a component from the catalog
npx hyperframes render   # render the composition to MP4

# Use it: in Claude Code just say "make me a video" and it routes to the right workflow.