Free
Maison Vey · 16:9
Rendered by this Skill
Social Post Card v1.0.0
An animated X-style post card that slides in over your footage while likes, reposts and views tick up.
No ratings yet 0 downloads
- Format
- Video · 16:9
- 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 5-second post overlay. A dark social post card with an avatar, name, handle, verified badge, post text, timestamp and engagement bar slides in, the like turns pink and the counts climb, then it fades. The name, handle, text and numbers are edited in the HTML; the background is transparent for layering over video.
Updated Nov 3, 2026
What you get
- A 5-second post card overlay with a transparent background
- An animated like and climbing engagement numbers
- Instructions for layering it over your footage
Good fit
- Testimonials and press quotes
- Launch announcements in videos
- Explainers that cite a post
Not for
- Showing other people's posts without permission
- A full-screen ad on its own
About this Skill
You say
/x-post Make a social post card for Maison Vey (@maisonvey): "Ambre Nuit is here. Amber, smoked vanilla and a little night air, in a bottle you will want to keep on the shelf. #AmbreNuit", over our perfume shot.
Quoting a great post on screen is social proof at a glance. Social Post Card animates one in the familiar X style, with the like popping and the numbers climbing, so you can drop a customer quote, a launch announcement or a review over any shot.
How it works
- Ask: tell your agent the name, handle, post text and engagement numbers, and the shot it should sit 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
- Keep the post under about 140 characters so it stays three lines.
- Use a square avatar image.
- 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.
- Remove the platform logo if you prefer a neutral card; our sample does.
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
- The post text, a name and handle, an 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 numbers?
Yes. Replies, reposts, likes and views are plain text in the HTML.
Does it have to show the X logo?
No. The logo is one small element in the HTML; our sample removes it for a neutral card.
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, Maison Vey.
