Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $169 onceUpgrade
Lookbk
Sign In
Open live demo

The page this skill built from examples/tolva, working in your browser. Opens in a new tab. Also: Kesh.

28-second example rendered by this skill from examples/tolva · 1280×720

Example settingswhat each example above was built from

examples/tolvahero.json
Brand
Tolva Press
Headline
Turn it.
Colors
background #ece6da · ink #1d1a16 · accent #e8457f
Mode
light
Fonts
Bricolage Grotesque and Inter
examples/keshhero.json
Brand
Kesh & Orr
Headline
Bound to be handled.
Colors
background #13110f · ink #efe7d8 · accent #d4a04c
Mode
dark
Fonts
Fraunces and Inter

What you get

  • A self-contained HTML page and a paste-in embed
  • A turntable with 10 to 18 boards drawn in code: risograph prints or cloth covers with metal foil
  • The headline as the axle: far boards behind it, near boards in front of its foot, their shadows on the letters
  • Slot-by-slot indexing with rocking boards, plus drag, coast and settle
  • A phone layout where the upright word stands on the hub
  • Checks at 4 widths and a 1080p video that loops on one whole turn
  • Open-source licenses for every part it builds on

Good fit

  • A print studio, publisher or bindery that wants its body of work turning around its name.
  • A product range or record label that wants visitors to spin through the work and pick one up.
  • A brand that wants real material and light in its hero instead of flat cards on a ring.

Not for

  • Showing photographs or video clips on the boards
  • A gallery with clickable items or a lightbox
  • Long headlines across the full width
  • Sites that must work without WebGL beyond a still picture

About this skill

A turntable stands on the headline's axis: a thick disc with a slotted groove, a clamp at every slot, a hub and a fixed index pointer, carrying a ring of 14 boards with real fronts, backs and edges. The far half passes behind the letters, showing plain pencil-marked backs; the near half passes in front of their foot and throws shadows on them. Boards are risograph prints drawn in code, with a coloured core on the cut edge, or cloth covers whose foil flares in a warm spot. The disc rests on a board, moves on one slot and the boards rock in their slots; a whole turn loops in 28 seconds. Visitors can drag it round, let it coast and settle. On phones the headline stands on the hub like a post.

Example request

Make a hero where my headline is the axle of a turntable of thick printed boards that index one slot at a time and that visitors can drag

Similar Skills

View all
New
web
Wireframe ScanClaude CodeCodexCursor+3 more agents
web
Product Turntable HeroClaude CodeCodexCursor+3 more agents

Details

Output
3D turntable carousel · page + embed · 1080p loop
Needs
Node.js 18+, Chrome (or Chromium/Edge), and ffmpeg for the video
Series
Motion Heroes · 77 skills
Updated
Nov 2, 2026
Checked
Nov 2, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

three.js r180 turntable with a shadow map and front/back passes split at the headline's planecode-drawn risograph prints and foil-stamped cloth covers on 2D canvasesa camera solved from the layout so the headline stays the axleheadless Chrome stepping the clock frame by frame, ffmpeg encoding a whole-turn loop
Good forBrandWeb designProduct launch

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

Write a review

FAQ

Can I put my own photographs on the boards?

No. The boards carry work drawn in code: risograph prints in your spot inks, or cloth covers with your titles stamped in foil. Colours, inks, cloths, titles and the board core all come from hero.json.

Will the boards hide my headline?

Only a little and only at its foot. The camera is solved from the layout so the nearest boards rise over the letters by a set share of the capitals; at every rest the examples lose at most 28% of any letter.

How long is the loop?

One whole turn: the number of boards times the seconds per slot, 28 seconds with the defaults of 14 boards and 2 seconds. Record that many seconds and the last frame meets the first.

Which agents is Cylinder Carousel 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 licensesWritten by Lookbk

Lookbk wrote this package on the Motion Heroes kit v2, using three.js r180 and its RoomEnvironment add-on under the MIT licence, loaded from a pinned CDN. Written by Lookbk, no third-party code.

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