Free
Vael · 16:9
Rendered by this Skill
Specs Checklist v1.0.0
A left-aligned specs list: each row of label and value slides in, one after another, with an accent line sweeping under it.
No ratings yet 0 downloads
- Format
- Video · 16:9
- Length
- 0:08
Free Free with an account
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
A free HyperFrames block for an 8-second specs or features moment. Five rows of label and value slide in from the left in sequence, each with an accent underline that sweeps across, in a light scheme for boards or a dark scheme with a scrim for footage. Rows, scheme, line width, position and timing are set in a small configuration in the HTML; the background is transparent.
Updated Nov 4, 2026
What you get
- An 8-second 1920×1080 overlay with a transparent background
- Five rows that slide in with sweeping underlines
- Light and dark schemes with an optional scrim
Good fit
- Product detail pages and ads
- Feature lists for apps and gadgets
- Spec-heavy categories like bags, shoes and electronics
Not for
- More than five or six rows
- Long sentences
About this Skill
You say
/mk-specs-list Make a specs checklist over our Vael Cerise photo: Leather "Cherry calf, hand-finished", Hardware "Solid brass clasp", Fits "A 14-inch laptop", Handles "Hand-stitched, 22 cm drop", Made "In small, numbered runs".
Specs persuade when they are easy to read. Specs Checklist lays out five label-and-value rows beside your product, one at a time, with a crisp underline under each, so materials, sizes or features land while the product stays on screen.
How it works
- Ask: tell your agent five short label-and-value pairs and whether the background is light or dark.
- Fill: it writes your copy and colours into the block's variables, keeping text close to the length the layout was made for.
- Render: it renders a draft with
npx hyperframes render, checks a few frames and renders the final MP4. - Reuse: the variables live in one small JSON file, so the next version is one more render.
Tips
- Keep labels to one word and values to a few.
- Use the light scheme over bright photos and the dark scheme with a scrim over dark footage.
- The background is transparent, so render it with an alpha channel and lay it over your own footage, photo or a plain colour; the SKILL.md shows the two commands.
- Leave the right side of your shot free for the product.
Open source
This is a block from the HyperFrames registry, made by HeyGen and the HyperFrames contributors (heygen-com/hyperframes) and shared under the Apache License 2.0. The download is the block with its assets and a SKILL.md written by Reelity, so your agent knows how to fill and render it; HyperFrames itself runs from npm.
What you need before you start
- You bring
- Five label-and-value pairs and a shot of the product.
- Dependencies
- Node.js 22 or newer — required · FFmpeg — required
- Outside costs
- None. HyperFrames is free and open source and renders on your own machine.
- Last tested
- v1.0.0 —
User reviews
No reviews yet. Install the Skill and be the first to rate it.
FAQ
Can I add more rows?
Yes. Rows are a list in the configuration; five or six fit comfortably.
Will it read over a busy photo?
Pick the scheme that contrasts with the background and raise the scrim if needed.
Why is it free?
It is an open-source HyperFrames block by HeyGen and the HyperFrames contributors. We list it as it is, with a SKILL.md so your agent can use it and a sample made with one of our house brands, Vael.
