15-second example rendered by this skill from examples/morrow-year · 1280×720
Example settingswhat each example above was built from
examples/morrow-yearbrief.json
- Format
- tall
- Headline
- Year receipt 2026
- Colors
- paper #f3f0e8 · ink #232127 · accent #b8322a
examples/halyard-launchbrief.json
- Format
- square
- Headline
- Launch week 01
- Colors
- paper #efede7 · ink #1c1e25 · accent #2448c8
What you get
- A 14 to 18 second MP4 in 9:16 or 1:1 with an original soundtrack
- A thermal receipt that prints your stats one line per beat
- The total printed in a second ink exactly on the music's drop
- A tear on the teeth and a camera pull-back to the receipt on a counter
- Print-head ticks, cut whooshes, a riser and impact, and a tear whip in sync with the picture
- A day scene on terrazzo and a night scene on slate under a lamp
- A brief checker, a layout gate and an audio check that stop a bad render
- Open-source licenses for every part it builds on
Good fit
- A shop or cafe posting its year in review as a vertical reel its regulars will recognise.
- A brand sharing launch-week numbers in a square post that feels made, not templated.
- A team that wants a stats video with real texture and sound but no footage, stock or licences.
Not for
- Live dashboards or real-time data
- Charts, trend lines or count-up numbers
- Long explainers with voice-over
- Films built on footage or product photography
About this skill
Receipt Reel tells a year in review or a launch's numbers as a thermal receipt printing. A strip of thermal paper feeds out of a printer one line per beat, and each stat prints as a receipt line padded to 17 columns. The total lands in a second ink on the music's drop, the strip tears on the teeth, and the camera pulls back to the receipt lying on a counter. Every frame is drawn in code: paper tooth, uneven print density, dot rows, curl, serrated ends and a modelled printer, under window light or a single lamp. All type is one monospace face at the printer's own enlarged sizes. It comes in 9:16 and 1:1, with an original beat-synced soundtrack carrying print-head ticks and a tear.
Example request
Make a receipt reel of our year: 48,210 orders, 31 cities, best seller Rye Sourdough, 62% repeat guests, total 212,906 loaves, 9:16, warm daylight counter.
How it works
Your agent
- 1
Make the project
- 2
Get the stats
You need 3 to 5 items and one total.
- 3
Pick the scene and colours
scene:counter-dayfor a light, morning feel, orcounter-nightfor a dark, after-hours one. - 4
Write the brief
- 5
Apply the brief
It lists every problem at once and writes nothing until there are none.
- 6
Look before you render
apply-briefprints the right times for your brief. - 7
Render
It runs the layout gate, renders with HyperFrames (with the vision-model keys removed from its environment, so no frame leaves the machine), checks the track with
scripts/music/check.mjsand its stems, and muxes it in with a true-peak limiter. - 8
Hand it off
Give the person the MP4 and two stills: frame 0 and the receipt on the counter.
- 1
You get
- renders/receipt-tally-reel.mp4


What you need
- Node.js 22 or newer, and FFmpeg (with
ffprobe) on the PATH. FFmpeg checks and muxes the music. - Google Chrome or the headless Chrome HyperFrames downloads. HyperFrames runs through
npx, pinned to the version this template was tested with:npx --yes hyperframes@0.8.192. Ifrendersays Chrome is missing, runnpx --yes hyperframes@0.8.192 browser ensureonce. The layout gate uses the same Chrome; setCHROMIUM_PATHif it can't find one. - Network access to
fonts.googleapis.com(IBM Plex Mono) andcdn.jsdelivr.net(GSAP). See Troubleshooting if either is blocked.
Last checked Nov 2, 2026: the package’s own build and render commands ran and passed.
If something goes wrong
The render shows a static frame or reports
sub_timeline_script_failure.GSAP didn't load. If your network blocks
cdn.jsdelivr.net, runnpm i gsap@3.14.2, copynode_modules/gsap/dist/gsap.min.jstoassets/vendor/, and point the<script src>inindex.htmlat it.The receipt is in the wrong font, or columns don't line up.
fonts.googleapis.comwas unreachable. HyperFrames caches the font after one successful fetch.A line is too long.
apply-briefnames the field and its limit. The receipt has 17 columns, so abbreviate the way a till would (QTY,AVG,NO).
What’s in the download
- SKILL.md17.9 KB
- examples/
- examples/halyard-launch/678 Ba 1:1 night launch-week receipt for a made-up outdoor brand, 4 items,
tech-minimalat 128 bpm, 14.08 s. The previews on Lookbk are rendered from these two. · 1 file - examples/morrow-year/714 Ba 9:16 day year in review for a made-up bakery, 5 items,
warm-houseat 120 bpm, 15.45 s. · 1 file - scripts/
- scripts/gate/the layout gate (
gate.mjs, with this package's T7) and its small Chrome DevTools client (cdp.mjs). - scripts/gate/cdp.mjs5.63 KB
- scripts/gate/gate.mjs21.3 KB
- scripts/music/beatgen 2.1, the music and sound-effects generator, with
check.mjs(A1 to A11),mux.mjs, an empty CC0samples/manifest and its README. - scripts/music/examples/
- scripts/music/examples/events.example.json555 B
- scripts/music/samples/
- scripts/music/samples/manifest.json371 B
- scripts/music/beatgen.mjs11.8 KB
- scripts/music/check.mjs50.2 KB
- scripts/music/dsp.mjs20.0 KB
- scripts/music/engine.mjs51.7 KB
- scripts/music/mux.mjs2.36 KB
- scripts/music/presets.mjs36.8 KB
- scripts/music/README.md23.7 KB
- scripts/music/samples.mjs4.90 KB
- scripts/music/sfx.mjs17.1 KB
- scripts/music/theory.mjs3.34 KB
- scripts/music/voices.mjs16.9 KB
- scripts/apply-brief.mjs14.9 KBchecks a brief, lays the film out on the beat grid, snaps the events, makes the track, and writes
data.js,index.htmlandgate.json. - scripts/beat-grid.mjs13.0 KBreads the
musicblock, predicts the drop and final hit, and runs beatgen. - scripts/render.mjs7.75 KBthe gate, the render, the track check, the mux and the final MP4 checks.
- template/the HyperFrames project.
- template/data.js1.75 KBthe receipt and its timing, written by
apply-brief(the template ships with the first example's). - template/hyperframes.json318 B
- template/index.html6.24 KBthe canvas, camera rig, the thermal-print SVG filter and the CSS.
- template/package.json304 B
- template/receipt.js32.4 KBdraws the paper, print, printer, counter, light and props, and builds the timeline.
- NOTICE.md1.43 KBthird-party software and fonts this skill uses.
- TESTED.json3.62 KB
28 files · 368 KB · installs to ~/.claude/skills/receipt-tally-reel for Claude Code and ~/.agents/skills/receipt-tally-reel for other agents
Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.
Similar Skills
View allDetails
- Output
- MP4 · 15 s · 1080×1920
- Needs
- Node.js 22+, FFmpeg (with ffprobe) and Chrome; HyperFrames 0.8.192 runs through npx
- Series
- Social Shorts · 14 skills
- Updated
- Nov 2, 2026
- Checked
- Nov 2, 2026: its own commands ran and passed. That is a working check, not a security audit.
Written for
See all 31 agents that read skill folders.
Install guides
For your agent
Generates with
Installed it? Tell others how it went. Reviews come from people who installed this skill.
Write a reviewFAQ
How many stats fit on one receipt?
Three to five items plus one total. Each label is up to 17 characters, because the receipt is 17 columns wide, and the total is up to 9 characters so it can print large. An item can carry a second line, like the best seller's name.
Can the total land on a specific moment in the music?
Yes, by design. The brief checker asks the music generator where its drop falls and lays the film out so the total prints exactly on it, then lands the receipt on the final hit. If a seed cannot line up, it says so and you pick another seed.
Which formats and looks does it come in?
Two formats, 9:16 at 1080×1920 and 1:1 at 1080×1080, and two scenes: a pale terrazzo counter under window light, or dark slate under a single lamp with a pen and a spare paper roll. You choose the paper, ink and second-ink colours.
Which agents is Receipt Reel written for?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.
Do I own what I make with it?
Yes. Everything your agent makes with this skill is yours, including for client and commercial work.
What if it doesn’t work for me?
Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.
Credits and licensesBuilt on heygen-com/hyperframes
What Lookbk adds on top of heygen-com/hyperframes (Apache-2.0): Lookbk wrote this package for the Social Shorts series; it renders with HyperFrames (Apache-2.0), animates with GSAP (Standard License), sets every word in IBM Plex Mono (SIL Open Font License 1.1) and synthesises its soundtrack and effects with Lookbk's own beatgen, so nothing needs a licence.
Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.