
Rendered by this Skill
Dark Card Lower Third v1.0.0
A charcoal card lower third slides up with a name, a drawn accent underline and a role, made for bright footage.
- 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 4.8-second name title. A compact charcoal card slides up in the lower left, the name appears, an accent underline draws beneath it and the role fades in, then it slides away. Name and role are edited in the HTML; the background is transparent.
Updated Nov 4, 2026
What you get
- A 4.8-second 1920×1080 lower third with a transparent background
- A name, a drawn accent underline and a role
- Instructions for laying it over your footage
Good fit
- Interviews and testimonials
- Podcasts and talks
- Founder and team videos
Not for
- Dark footage (try the neon border version)
- Long titles
About this Skill
/lt-dark-card Make a dark card lower third for "Lena Hart", "Halden run club coach", over our dawn street running shot.
Every interview, testimonial and talking-head clip needs a clean name title. Dark Card Lower Third gives you one that reads on bright footage: a solid charcoal card, the name, a drawn underline and the role.
How it works
- Ask: tell your agent the person's name and role, and the footage 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
- Keep the role to a few words.
- Use it on bright footage; the dark card guarantees contrast.
- 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.
- It has no variables: your agent edits the text directly in the HTML, following the SKILL.md.
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
- A name, a short role and the footage 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 accent colour?
Yes. It is plain CSS in the HTML.
Is there a version with variables?
The Neon Border Lower Third takes the name, role and accent as variables.
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.






