Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/hyperframes make me: Any video, animation or motion graphic built in HTMLExample message showing how to invoke it, not a real output.
What you get
- Routes your request to the right video workflow
- Project setup and render commands
- Validation and diagnosis of compositions
Good fit
- Any video, animation or motion graphic built in HTML
Not for
- Editing raw camera footage only
What you need
- Node.js and FFmpeg
- HyperFrames CLI (npx hyperframes)
- License
- Apache-2.0
- Author
- @heygen-com
- Source
- heygen-com/hyperframes/skills/hyperframes · ★ 57,418
Upstream description
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project.…
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/hyperframes/install.md and follow the instructions to install the skill.
npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes -g -a claude-code
npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes -g -a codex
git clone --depth 1 https://github.com/heygen-com/hyperframes.git /tmp/hyperframes mkdir -p ~/.claude/skills && cp -r /tmp/hyperframes/skills/hyperframes ~/.claude/skills/hyperframes
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Launch Teaser Countdown
A 9-second launch teaser: 3-2-1 countdown, flash, letter-by-letter product reveal and a launch-date pill — in your brand colors, rendered locally.
Release Notes Reel
Turn a changelog into a 12-second "What's new" reel: version badge, three feature cards and a CTA end card.
Kinetic Quote Card
A vertical 8-second quote video: words pop in one by one, the key word gets an animated underline, then the attribution slides in.
Stat Count-up Reel
Three numbers roll up like an odometer with progress bars — milestones, impact reports and year-in-review clips in 10 seconds.