Preview gallery
Similar Skills
View allWhat you get
- A 7-second MP4 at 30 fps where up to eight receipts land and two figures count up.
- 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
- Progress recaps: lessons done, orders shipped, hours saved
- Explainers where one total grows out of many small parts
- Channels that want one counting look every episode
Not for
- Comparing two fixed amounts, which is a ratio story
- More than eight items in one beat
- Items worth different amounts; each adds the same value
About this Skill

Six lessons, eight orders, ninety minutes: this Fable 5 skill makes a pile-up visible in 7 seconds. Up to eight receipt strips, each with a picture mark and its value, drop into a two-column grid one after another. On every landing a big count and a running total tick forward digit by digit, like odometers. As the last strip settles the total gets an underline and your one-line summary wipes in. Every figure is calculated from a single value per item, never typed by hand, with identical motion across three palettes, four aspect ratios and up to 4K.
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
- Up to eight item labels · The value each item adds and its unit · A one-line summary · Optional: a picture per item, 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.
Where do the receipt pictures come from?
Generated pictures ship with the Skill, and any picture you name replaces only its own receipt. No footage is needed: it renders from your content alone.
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.







