Preview gallery
Similar Skills
View allWhat you get
- Badges on a Card Row with your own content and a written motion specification
- Three matching palettes that share one typeface and the same motion
- A local generator, an editable video project and a short list of what to check before you publish
Good fit
- Creator videos that need one change shown, not told
- Short teaching segments with brief labels
- A series that should keep one look and one rhythm
Not for
- Cutting a whole long video automatically
- Copying another creator's look, face or footage
- Making up a presenter performance or a soundtrack you did not supply
About this Skill

Badges on a Card Row adds progress to cards your viewers already know. Three icon cards hold still while accent badges pop onto their corners at 0.45, 0.83 and 1.21 seconds, status lines open under a thin rule from 2 seconds, and a closing sentence rises at 3.3 seconds and holds. Put in your own titles, badges, status lines and closing sentence, choose one of three palettes and one of four aspect ratios, and render it at 4K, 2K or 1080p on your own computer.
How it works
- Pick the aspect ratio and resolution once for the whole series
- Write your content into the effect's inputs, or keep the sample to try it
- Build the editable project with create.mjs and render the MP4 with HyperFrames
- Check the opening, the main change and the final frame, then drop the clip into your edit
Checked before delivery
- create.mjs builds the project with every input, picture and font inside it
- The render is 7 s at 30 fps at the chosen aspect ratio and resolution
- No card, label or readable text sits in the caption band, and nothing is clipped in the first, middle and last frames
What you need before you start
- You bring
- Up to three cards, each a short title, a badge word and a status line · One closing sentence · Optional: a palette, an aspect ratio and 4K, 2K or 1080p
- Dependencies
- Node.js 22 or newer · FFmpeg and Google Chrome on your computer · The HyperFrames CLI, fetched automatically by npx
- Outside costs
- None
- Last tested
- v0.1.0 — Claude Code / Codex / Cursor
User reviews
Loading reviews…
FAQ
Can I change the words and the colours?
Yes. The words are the effect's inputs, the palette is one option, and a small JSON file can replace any colour token.
Do I need my own footage?
No. This effect is B-roll and renders from your content and the bundled pictures alone.
Can I change the motion?
Yes, it is plain GSAP in the effect module. Keep the beats in the motion specification if you want the effect to read the same way.







