Preview gallery
Similar Skills
View allWhat you get
- A 9.4-second MP4 at 30 fps, sized 1920×1080, or 3840×2160 in 4K
- 32 slots: two headlines, six rows of handle, topic and audience, list headers, status labels and the note
- An editable HyperFrames project folder
Good fit
- Agents for outreach, sales or PR
- Recruiting, booking and partnership products
- Anything that builds a list of people and gets in touch
Not for
- Shortlists of more than six rows
- Brands with a dark look
- Real handles used without the owners' permission
About this Skill

Two jobs, one shot: the agent finds the right people, then reaches out to them. Your first line fills the screen and then docks to the left while six podcasts line up beside it as a shortlist, each scored for fit, and a total audience sums itself from the six sizes. A pointer clicks approve. Your second line takes over, the panel switches from shortlist to outreach, and each row moves from sent to opened; four of them finish as booked, and a dark note confirms it. Swap the rows for creators, sales leads, venues or whatever else your agent works through.
How it works
- Write two headlines, the agent's name and the closing note (keep its number at 4)
- Fill six rows with a handle, a topic and an audience size such as 84K
- Set the list headers, the approve button and three status labels
- Run create.mjs and shorten any line it warns about
- Preview and render, then check the first, middle and final frames
Checked before delivery
- create.mjs writes every slot value into the scene and warns about any line over its limit
- The render is 9.4 s at 30 fps, 1920×1080 (or 3840×2160)
- No line is cut off or wrapped in the start, middle and final frames
What you need before you start
- You bring
- Two headlines, the agent's name and a closing note · Six list rows (handle, topic, audience size), the list headers and the approve button · Three status labels for the outreach stage · Optional: 1080p or 4K
- Dependencies
- Node.js 22 or later · FFmpeg and Google Chrome installed locally; HyperFrames renders through them
- Outside costs
- None
- Last tested
- v0.1.1 — Claude Code / Codex / Cursor
User reviews
Loading reviews…
FAQ
Why do exactly four rows end as booked?
The timeline books rows 1, 2, 4 and 5, and that is where the 4 in the sample note comes from. If your story needs a different count, your agent can change it in the scene's markup.
Where does the total audience come from?
The scene adds the six audience slots together, reading values like 84K or 1.2M correctly, and counts up to that sum, so the total always agrees with the rows.
Does anything run in the cloud?
No. The scene is plain HTML with GSAP, and HyperFrames renders it to MP4 on your own computer via Chrome and FFmpeg. No API key is needed.







