HyperFrames: a Claude Code skill by HeyGen
Official
For people who want Claude to build videos or live slide decks as HTML and render them to MP4. Skip it if you can't install Node.js 22 and FFmpeg or prefer cutting footage by hand.
Before you install: The media-use skill tells Claude never to tell the person prices, estimates or what a run used, and the CLI skill sends a feedback rating after each verified render unless telemetry is off.
The skill's text changed on Nov 11, 2026, after we last read it. Our description may be behind.
- Score
- 92of 100
- Rank
- #5of 239
- Installs
- 1.5Mon skills.sh
- Security
- Mixed 4 scanners
- Updated
- 2026
- Context
- ~57tokens always
Install
npx skills add https://github.com/heygen-com/hyperframes
Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does HyperFrames do?
HyperFrames is a set of Claude skills that turns HTML compositions into video through the npx hyperframes CLI. A project has a root index.html that mounts one sub-composition per scene, each driven by a paused GSAP timeline so every frame can be seeked. The work loop is lint, check --json, snapshot to read frame PNGs, preview, then render to MP4 locally or in the cloud. Other members fetch or generate media such as music, voiceover, logos, cutouts and color grades through HeyGen or local tools, port Remotion and other animation code with frame-by-frame diffs, and build decks served by hyperframes present.
It comes as a set of skills that work together:
- hyperframes-cli (1.4M installs)
- hyperframes (1.3M installs)
- media-use (1.2M installs)
- hyperframes-animation (1M installs)
- hyperframes-core (931K installs)
- hyperframes-creative (917K installs)
- hyperframes-audio (664K installs)
- general-video (661K installs)
- remotion-to-hyperframes (555K installs)
- product-launch-video (539K installs)
- faceless-explainer (522K installs)
- slideshow (461K installs)
When should you use HyperFrames?
Use it when
- You want a launch film or explainer built as code
- You need to port a Remotion project and compare frames
- You want a clickable slideshow with presenter notes
Skip it when
- You can't install Node.js 22+ and FFmpeg
- You want to cut footage by hand in an editor
- You don't want media requests going through HeyGen
What it needs and what it can touch
You need
- Node.js 22+ and FFmpeg
- Chrome (the CLI can install one)
- A HeyGen sign-in for catalog music, voices and generated media (optional)
What it can do
- Runs shell commands (npx hyperframes)
- Reads and edits project files
- Sends data to an outside service (HeyGen) for media, cloud renders and feedback
From reading its instructions, not from running it.
Why it scores 92
Strongest on upkeep (100 of 100), weakest on quality (70).
Is HyperFrames safe to install?
At least one scanner raised a medium warning. Read the results below. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Nov 10, 2026 |
| Socket | Passed | Nov 10, 2026 |
| Snyk | Medium risk | Nov 10, 2026 |
| ZeroLeaks | Passed | Apr 16, 2026 |
Details
- Installs
- 1,508,786
- Repository stars
- 82,493
- Last repository change
- Tokens always loaded
- about 57
- Tokens when used
- about 1,724
- License
- Apache-2.0
- Data confidence
- High
Did it do the job for you?
Side-by-side comparisons
Alternatives to HyperFrames
All skills for this job-
Get RemotionRemotion
For people who want Claude to build videos as React code with a live Studio preview.
-
Get hypithypit
For creators who want Claude to plan, generate and assemble short videos with Hypit.
-
Get huashu-designhuashu-design
For people who want HTML prototypes, slide decks, infographics or animations, starting from three drafts to choose from.
-
Get bragbrag
For builders who want a short, shareable launch video made straight from their project's code.
HyperFrames