Preview gallery
Similar Skills
View allWhat you get
- A 7-second MP4 at 30 fps where two to four messages stack up in one chat.
- One motion and one typeface in three palettes: white-yellow, charcoal-lime and midnight-ice.
- An editable HyperFrames folder with your content, fonts and pictures, plus the motion spec and frame checks.
Good fit
- Videos that retell a question and the answer to it
- AI and support demos where the reply is the point
- Creators quoting messages in a look of their own
Not for
- Threads longer than four messages
- Pixel copies of one particular messaging app
- A scrolling feed; the window stays fixed while balloons stack
About this Skill

When a video quotes a conversation, this Fable 5 skill shows it growing instead of pasting a screenshot. There is no heavy app window: just a slim header, a single speaker portrait and a quiet input line hold still while dark balloons land one by one (the sample's land at 0.5 s, 1.55 s and 2.6 s), each sized to its own text and settling from its lower-left corner. Bring two to four messages, choose a palette and an aspect ratio (three and four on offer), then render at 4K, 2K or 1080p on your computer.
How it works
- Choose the aspect ratio and resolution once, before the first build
- Fill in the effect's inputs, or keep the sample content to try it out
- Run create.mjs to build the editable project, then render with HyperFrames
- Watch the first frame, each change and the closing hold before cutting it in
Checked before delivery
- create.mjs builds the project with every input, picture and font inside it
- The render is 7 s at 30 fps at the chosen aspect ratio and resolution
- No card, label or readable text sits in the caption band, and nothing is clipped in the first, middle and last frames
What you need before you start
- You bring
- Two to four chat messages in the order they arrive · The input line's placeholder text · Optional: a portrait for the speaker, a palette, an aspect ratio and 4K, 2K or 1080p
- Dependencies
- Node.js 22 or later · FFmpeg plus Google Chrome, which HyperFrames renders with · HyperFrames CLI 0.8.30, pulled in by npx
- Outside costs
- None
- Last tested
- v0.1.1 — Claude Code / Codex / Cursor
User reviews
Loading reviews…
FAQ
Can I reword it or recolor it?
Yes. Every word is a plain input, the palette is one flag, and a short JSON file can override any single color token.
Whose face is in the portrait?
A generated portrait ships as the default. Give a photo or say who should appear and it replaces that one slot; no video footage is needed.
Can I adjust the timing?
The motion is ordinary GSAP inside the effect module, so yes. Keep the beats in the motion spec if the move should still read the same way.







