✦ Studio pick
Aurelle · 9:16
Rendered by this Skill
Follow Card (Photo App) v1.0.0
An Instagram-style profile card pops up with your avatar, name and follower count, and the Follow button flips to Following.
No ratings yet 0 downloads
- Format
- Short-form · 9:16
- Length
- 0:05
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 4.5-second follow call to action. A dark profile pill with your avatar, name, verified badge, handle and follower count springs up, a cursor-free tap turns the blue Follow button into Following, and the card settles. Name, handle, count and avatar are edited in the HTML; the background is transparent.
Updated Nov 3, 2026
What you get
- A 4.5-second 1080×1920 overlay with a transparent background
- A profile card and an animated Follow tap
- Instructions for layering it over your footage
Good fit
- End cards for Reels and Stories
- Creator and brand account growth
- Collab and giveaway posts
Not for
- Horizontal videos
- Long calls to action
About this Skill
You say
/instagram-follow Make an Instagram-style follow card for Aurelle (@aurelle.gold, 48.2K followers) with the bracelet stack as avatar, over our bracelet shot.
End your video with an ask people already understand. Follow Card shows your profile, in a familiar photo-app style, and plays the tap on Follow, so viewers know exactly what to do next.
How it works
- Ask: tell your agent your display name, handle, follower count and a square avatar, plus the shot it sits over.
- 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 a square, simple avatar that reads small.
- Round the follower count, like 48.2K.
- The card has a transparent background, so render it with an alpha channel and lay it over your own footage or photo; the SKILL.md shows the two commands.
- Place it in the lower third of the frame, as in our sample.
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
- Your name, handle, follower count, a square avatar and the shot to lay it over.
- 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 change the button colour?
Yes. It is plain CSS in the HTML.
Is there a version for short-video apps?
Yes, the Follow Card (Video App) is the same idea in a different style.
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, Aurelle.
