20-second example rendered by this skill from examples/nightjar-night-shift · 1280×720
Example settingswhat each example above was built from
examples/nightjar-night-shiftbrief.json
- Brand
- Nightjar Toys
- Kicker
- Series 01 · blind box
- Format
- tall
- Headline
- Meet the night shift.
- Colors
- c1Stage #ff5a3c · c1Plinth #2b1d3f · c1Body #fff0dc · c1Trim #ff5a3c · c2Stage #3346ff · c2Plinth #101233 · c2Body #d8ff3d · c2Trim #ff5a3c · c3Stage #ffc53a · c3Plinth #3a2810 · c3Body #ff9ec0 · c3Trim #fff7e8 · c4Stage #16b58a · c4Plinth #0f2a24 · c4Body #6b5cff · c4Trim #d8ff3d · c5Stage #ff8cc6 · c5Plinth #3a1430 · c5Body #2c2838 · c5Trim #ffd23f · c6Stage #ece5d8 · c6Plinth #1c1a24 · c6Body #ff5a3c · c6Trim #3346ff · ground #121019 · paper #fbf6ee · ink #121019 · accent #d8ff3d
examples/vitrine-museum-minisbrief.json
- Brand
- Vitrine & Co.
- Kicker
- Museum Minis · Series 02
- Format
- square
- Headline
- Small wonders, cast to keep.
- Colors
- c1Stage #e9c7b0 · c1Plinth #3b2f2a · c2Stage #bcd4c6 · c2Plinth #22302a · c3Stage #f1d888 · c3Plinth #3a2e12 · c4Stage #c9c5ee · c4Plinth #25223e · ground #efe9df · paper #fbf8f2 · ink #1d1a17 · accent #b5361f
What you get
- A 1080×1920 MP4 drop teaser with its own beat-synced music, or 1080×1080 or 1920×1080 with their own layouts
- An original soundtrack with a hit on every reveal and the line-up on the drop, synthesised on your machine, with nothing to license
- A 3D studio with plinths, turntables, soft shadows and a cyclorama that wipes to each figure's colour
- Procedural vinyl-toy figures you design in a few words, or your own PNG cut-outs as thick silhouettes or display cards
- A spec strip per figure (height, material, series) and an end card with your brand, button, address and drop date
- A pasteable PROMPT.md for Claude Code or Codex
- Open-source licenses for every part it builds on
Good fit
- A designer-toy or blind-box brand announcing a new series on Reels or TikTok.
- A shop or museum store revealing a set of collectibles or merch.
- A brand with mascots or characters that wants a "meet the lineup" teaser.
Not for
- More than 6 figures in one teaser
- Detailed character sculpts: the built-in toys share one simple body, so use cut-outs of your real figures
- A full 360° turn of a photo: cut-outs sway rather than spin
- Vocals or a licensed hit song, since the music is synthesised
About this skill
A toy-drop teaser for 3 to 6 collectibles, characters or products, with its own original soundtrack. Every figure starts as a glossy black blind-box silhouette in a 3D studio drawn with three.js. On each downbeat the cyclorama wipes to that figure's colour, the camera whips to its plinth and it spins in on a turntable while its name, edition, one-line trait and a spec strip slam in. On the drop the whole set lines up and hops in a wave, then "Collect all N" and your brand, button and drop date land on the final hit. Design vinyl toys in a few words, or use your own PNG cut-outs.
Example request
Make a teaser for our blind-box drop: six vinyl toys, each with its name, edition size, one-line trait, height and material, ending on "Collect all 6", our drop list link and the drop date.
How it works
Your agent
- 1
Make the project
- 2
Get the line-up
Ask the person for 3 to 6 figures, in the order they should appear (save the rarest or the hero for last: it is the last reveal before the line-up).
- 3
Pick colours
Pick the stages as a set with strong neighbours: saturated colours that differ in hue and lightness from one figure to the next, so every wipe is a real change.
- 4
Write the brief
Create
brief.jsonin the project. - 5
Apply the brief
It checks the whole brief and lists every problem at once with its fix: a missing trait, figures out of order, a PNG that isn't there or has no transparency, a colour the type can't be read on once lit, a music setting out of range.
- 6
Check
"ok": truemeans it can render. - 7
Look before you render
Run the
snapshotcommand thatapply-briefprinted: one frame per figure (fully built), the line-up and the end card. - 8
Render
It runs the layout gate, renders the film 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
Hand it off
Give the person the MP4 and two stills: their hero figure and the line-up.
- 1
You get
- assets/name.png


What you need
- Node.js 22 or newer and FFmpeg (with
ffprobe) on the PATH. - HyperFrames through
npx, pinned:npx --yes hyperframes@0.8.192. The first render downloads a headless Chrome. Ifrendersays Chrome is missing, runnpx --yes hyperframes@0.8.192 browser ensureonce. - Network access to
cdn.jsdelivr.net(GSAP). See Troubleshooting if it is blocked. - Time: the studio is real 3D. On a machine without a GPU (headless Chrome falls back to software WebGL) a delivery render took about 9 s a frame on a busy 4-core test machine (about 95 minutes for a 20 s film, two films in parallel). With a GPU it is minutes.
Last checked Nov 2, 2026: the package’s own build and render commands ran and passed.
If something goes wrong
Render hangs or shows a static frame.
GSAP didn't load. If
cdn.jsdelivr.netis blocked, runnpm i gsap@3.14.2, copynode_modules/gsap/dist/gsap.min.jstoassets/vendor/and point the<script src>inindex.htmlat it.The studio is black or the page reports a WebGL error.
The headless Chrome has no WebGL. HyperFrames' Chrome falls back to SwiftShader; if yours was started with
--disable-gpu --disable-software-rasterizer, remove those flags.A PNG looks like a rectangle.
It has a solid background. Cut it out first;
apply-briefrejects PNGs with no alpha channel, but a PNG with an alpha channel that is fully opaque still passes.
What’s in the download
- SKILL.md20.0 KB
- examples/
- examples/nightjar-night-shift/2.10 KB9:16, dark, an invented designer-toy label's six-figure blind-box series, all procedural toys.
launch-pulse122 bpm, 19.7 s. · 1 file - examples/vitrine-museum-minis/1.51 KB1:1, light, an invented museum-shop collectibles store, four PNG cut-outs (made from Lookbk-owned footage frames) as silhouettes and cards.
warm-house120 bpm, 20 s. · 1 file - scripts/
- scripts/gate/the layout gate and its Chrome DevTools client.
- scripts/gate/cdp.mjs5.63 KB
- scripts/gate/gate.mjs19.5 KB
- scripts/music/beatgen 2.1, its checker, muxer 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.mjs14.1 KBchecks a brief, lays the film out on the beat grid, generates the track, writes the project.
- scripts/beat-grid.mjs13.6 KBreads the
musicblock and runs beatgen (with the fixed form). - scripts/render.mjs7.75 KBgate, render, track check, mux, MP4 check.
- template/the HyperFrames project.
index.html(variables, CSS, clips),reel.js(type and timeline),turntable.js(the three.js studio: cyclorama, plinths, procedural toys, cut-outs, cards, camera and lights, all a function of time),assets/vendor/three/(three.js r170, MIT) andassets/fonts/(OFL). - template/assets/
- template/assets/vendor/
- template/assets/vendor/three/
- template/assets/vendor/three/LICENSE1.06 KB
- template/assets/vendor/three/RoomEnvironment.js3.54 KB
- template/assets/vendor/three/three.module.min.js675 KB
- template/hyperframes.json318 B
- template/index.html16.7 KB
- template/package.json316 B
- template/reel.js18.8 KB
- template/turntable.js31.4 KB
- NOTICE.md2.20 KBthird-party software and assets.
- PROMPT.md2.38 KBa prompt for Claude Code or Codex.
- TESTED.json3.12 KB
32 files · 1.05 MB · installs to ~/.claude/skills/figurine-turntable-short for Claude Code and ~/.agents/skills/figurine-turntable-short for other agents
Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.
Similar Skills
View allDetails
- Output
- MP4 · 15–25 s · 1080×1920, 1080×1080 or 1920×1080
- Needs
- Node.js 22+, FFmpeg on the PATH and Chrome with WebGL (HyperFrames downloads its own headless Chrome on first render; a GPU makes renders far faster); network access to cdn.jsdelivr.net.
- Series
- Social Shorts · 9 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
Do I need 3D models of my figures?
No. You can design vinyl toys in a few words (ears, eyes, accessory, body and trim colour), or use transparent PNG cut-outs of your real products, shown as thick silhouettes or display cards.
How long does it take to render?
With a graphics card a few minutes. Without one, Chrome falls back to software WebGL and a 20 s film can take over an hour, so render on a machine with a GPU if you can.
Can it show my edition sizes and drop date?
Yes. Each figure carries its own edition chip and spec strip, and the end card shows your drop date, button and address, using exactly what you give.
Which agents is Figurine Turntable Short 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 toy figures, studio and music generator; it renders with HyperFrames (Apache-2.0), GSAP (Standard License) and three.js (MIT), sets type in Bricolage Grotesque, Fraunces and JetBrains Mono (SIL Open Font License 1.1), the brands and figures in its examples are invented, and the museum example's cut-outs come from Lookbk's own generated footage.
Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.