Preview gallery
Similar Skills
View allWhat you get
- Four-Card Priority Grid 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

Four-Card Priority Grid shows which of four problems matters most. Three picture cards already stand in a 2×2 grid; one of them writes in its title and detail from 0.4 seconds. At 2.15 seconds the missing card arrives, larger, with an accent outline, tint and index, and settles while the rest stay exactly where they are. Put in your own four titles, details and pictures and pick the priority, 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
- Four cards, each a short title and a one-line detail · Which card is the priority · Optional: a picture per card, 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.







