✦ Studio pick
Halden Solace · 9:16
Rendered by this Skill
Offer Card with Mosaic v1.0.0
A vertical offer card with a moving mosaic of video tiles, a two-line headline, feature pills and a big discount code.
No ratings yet 0 downloads
- Format
- Short-form · 9:16
- Length
- 0:10
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 a 10-second 9:16 promotion. A grid of tiles slides through the frame, mixing your video clips with the offer, the discount suffix and a code tile, under your logo, a two-line serif headline and a subhead, with two feature pills below. Logo, headline, subhead, pills, offer value, suffix, code, and all colours are variables; the five video tiles are files you replace.
Updated Nov 4, 2026
What you get
- A 10-second 1080×1920 MP4 promo card
- A sliding mosaic of your clips with the offer and code
- Variables for every line, the code, the logo and the colours
Good fit
- Discount and launch offers
- E-commerce and app promotions
- Stories, Reels and Shorts
Not for
- Brand films without an offer
- Horizontal formats
About this Skill
You say
/heygen-avatar-promo-card Make an offer card for Halden: "Run softer, / with Halden.", "The Solace knit runner.", pills "KNIT UPPER" and "SOFT FOAM", 25% off with code RUN25, using five Halden clips.
A promo should say three things fast: what it is, why it is good, and the code. Offer Card with Mosaic does it on one moving card, with your product clips in a sliding mosaic, a confident headline, two feature pills and a big code tile.
How it works
- Ask: tell your agent a two-line headline, a subhead, two feature pills, the discount and code, your logo and five short clips.
- 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
- Use five short clips of your product from different angles.
- Keep the headline to two short lines.
- Make the code easy to type, like RUN25.
- Match the canvas and accent colours to your brand.
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 short product clips, a headline, two pills, the discount, a code and your logo.
- 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
Do I have to use avatar videos?
No. The tiles take any short clips. The original ships AI avatar clips; our sample uses Halden product shots.
Can I change the code?
Yes. The prefix and suffix of the code are variables, along with the offer value.
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, Halden Solace.
