18-second example rendered by this skill from examples/kelpwire-winter · 1280×720

Example settingswhat each example above was built from

examples/kelpwire-winterbrief.json

Brand: Kelpwire Records
Kicker: Kelpwire · Ten new records
Format: tall
Headline: Winter on wax
Colors: ground #07080b · paper #f2efe8 · ink #0b0c10 · accent #d8ff3c

examples/lantern-hare-autumnbrief.json

Brand: Lantern Hare Press
Kicker: Lantern Hare Press · Autumn
Format: wide
Headline: Twelve new books
Colors: ground #efe8db · paper #f7f2e8 · ink #1d1a16 · accent #c23a22

What you get

A 1080×1920 MP4 catalogue reel with its own beat-synced music, or 1080×1080 or 1920×1080 with their own layouts
An original soundtrack with a sound on every pull, flip and the drop band, synthesised on your machine, with nothing to license
A wall of 6 to 20 covers, yours or designed in six typographic layouts that always set whole words
Featured covers that turn over to printed backs with title, author and a hook or rating
An end card with your mark, name, button and address on the final hit
A pasteable PROMPT.md for Claude Code or Codex
Open-source licenses for every part it builds on

Good fit

A small press or label announcing its new releases or bestsellers.
A magazine or newsletter showing a year of issues in one post.
A designer or studio showing a portfolio of covers as a reel.

Not for

Long blurbs: each back holds a title, an author and one line
More than 20 covers on the wall
Reading every cover: only the featured ones turn over
Vocals or a licensed hit song, since the music is synthesised

About this skill

A beat-cut catalogue reel for a press, a label, a magazine or a portfolio, with its own original soundtrack. Rows of covers scroll as marquees in alternating directions on a tilted wall in 3D perspective, speeding into the beat. On each beat one cover pulls out of the wall, leaving its slot dark, and turns over past its spine to a printed back with title, author and a one-line hook or a star rating. On the drop the camera pushes through the wall and a "New this month" or "Bestsellers" band slams in, and the imprint's mark, name and button land on the final hit. Use your own cover images or let it design typographic covers in six layouts.

Example request

Make a reel of our autumn list: all twelve covers on a moving wall, four featured books turning over to their title, author and one line, a Bestsellers band on the drop, ending on our press name and the list link.

How it works

You ask
Make a reel of our autumn list: all twelve covers on a moving wall, four featured books turning over to their title, author and one line, a Bestsellers band on the drop, ending on our press name and the list link.
Your agent
1. 1
  Make the project
2. 2
  Get the catalogue
  Ask the person for 6 to 20 covers (8 to 14 look best; the wall repeats them. With 8 or more, neighbouring rows take alternate halves of the list, so a cover never sits next to itself, and each copy leans and catches the light a little differently) and which 3 to 5 to feature.
3. 3
  Pick the look
  Every colour must read at 4.5:1 with paper or ink; apply-brief checks this.
4. 4
  Write the brief
  Create brief.json in the project.
5. 5
  Apply the brief
  It checks the whole brief and lists every problem at once with the fix: a missing title, too many or too few featured covers, a featured cover with nothing for its back, a colour the text can't be read on, a missing image, a headline too long for the format, a music setting out of range.
6. 6
  Check
  "ok": true means it can render.
7. 7
  Look before you render
  Run the snapshot command apply-brief printed: the opening, each card's back, the slam and the end card.
8. 8
  Render
  It runs the layout gate, renders with the pinned HyperFrames, checks the track and its stems with scripts/music/check.mjs (A1 to A11), muxes it under the film with a true-peak limiter at -1 dBTP, and checks the MP4.
9. 9
  Hand it off
  Give the person the MP4 and two stills from snapshots/: the opening and one card's back.
You get

What you need

Node.js 22 or newer and FFmpeg (with ffprobe) on the PATH. FFmpeg also checks and muxes the music.
HyperFrames runs through npx, pinned: npx --yes hyperframes@0.8.192. The first render downloads a headless Chrome. If render says Chrome is missing, run npx --yes hyperframes@0.8.192 browser ensure once.
Network access to fonts.googleapis.com (Archivo, Barlow Condensed, Fraunces, JetBrains Mono) and cdn.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

Render hangs, then shows a static frame, or reports sub_timeline_script_failure.
GSAP didn't load. If cdn.jsdelivr.net is blocked, run npm i gsap@3.14.2 in the project, copy node_modules/gsap/dist/gsap.min.js to assets/vendor/, and point the <script src> in index.html at it.
Designed covers show a fallback font.
fonts.googleapis.com was unreachable. HyperFrames caches the fonts after one successful fetch.
A supplied cover is cropped badly.
Images are cropped to the catalogue's shape from the centre. Crop it yourself first to 2:3, 1:1 or 3:4.

What’s in the download

SKILL.md21.9 KB
examples/
examples/kelpwire-winter/1.54 KBa 9:16 dark reel for an invented electronic label, 10 square sleeves, 4 featured. tech-minimal, 128 bpm, 18.3 s. · 1 file
examples/lantern-hare-autumn/1.74 KBa 16:9 light reel for an invented indie press, 12 books, 4 featured. upbeat-pop, 112 bpm, 16.5 s. · 1 file
scripts/
scripts/gate/the layout gate and its small Chrome DevTools client.
scripts/gate/cdp.mjs5.63 KB
scripts/gate/gate.mjs19.5 KB
scripts/music/beatgen 2.1, the music and sound-effects generator, with its checker and 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.0 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.mjs17.1 KBchecks a brief, copies images, lays the film out on the beat grid, generates the track, writes the plan. No dependencies.
scripts/beat-grid.mjs13.0 KBreads the music block, predicts the drop and the final hit, and runs beatgen.
scripts/render.mjs7.75 KBgate, render, check the track, mux, check the MP4.
template/the HyperFrames project. index.html holds the variables and CSS; covers.js is the cover design system (six layouts, spine, barcode, imprint mark, painted on canvas); reel.js builds the walls, the cards, the slam and the end card and the timeline from the variables and the plan.
template/covers.js25.4 KB
template/index.html10.7 KB
template/package.json304 B
template/reel.js52.6 KB
NOTICE.md1.44 KBthird-party software this skill uses.
PROMPT.md2.47 KBa prompt to give Claude Code or Codex to make a reel for your catalogue with this skill.
TESTED.json5.43 KB

28 files · 426 KB · installs to ~/.claude/skills/cover-marquee-reel for Claude Code and ~/.agents/skills/cover-marquee-reel for other agents

Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.

Similar Skills

View all

New

This or That Short+3

New

Sale Drop Short+3

Details

Output: MP4 · 12–22 s · 1080×1920, 1080×1080 or 1920×1080
Needs: Node.js 22+, FFmpeg on the PATH and Chrome (HyperFrames downloads its own headless Chrome on first render); network access to fonts.googleapis.com and cdn.jsdelivr.net.
Series: Social Shorts · 9 skills
For: Content creator Marketer Designer Ecommerce seller
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

Claude Code Codex Cursor GitHub Copilot Gemini CLI OpenCode

See all 31 agents that read skill folders.

Install guides

For your agent

Generates with

HyperFramesGSAPFFmpegbeatgen

Uses tools

HyperFrames GSAP FFmpeg Chrome Node.js

Good forSocial media Brand Content publishing

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Do I need cover images?

No. Give each title, author and colour and it designs typographic covers in six layouts that always set whole words. Your own cover images work too, cropped to 2:3, 1:1 or 3:4.

How many covers can it show?

The wall holds 6 to 20 covers, and 3 to 5 of them turn over to show their title, author and a one-line hook or star rating.

How long is the reel?

Between 12 and 22 s, depending on how many covers you feature and the tempo of the soundtrack, with the drop band on the music's drop and your name on its final hit.

Which agents is Cover Marquee 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, its cover layouts and its music generator; it renders with HyperFrames (Apache-2.0) and GSAP (Standard License), sets type in Archivo, Barlow Condensed, Fraunces and JetBrains Mono (SIL Open Font License 1.1), and the labels, presses, titles and artists in its examples are invented.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.