# Split-Flap Board Hero

> A hero section with a mechanical split-flap departure board beside the headline. Every character is a drum of flaps that turns one flap at a time until it reaches its letter, so the board clatters in row by row with your times, destinations, codes, gates and statuses. Each flap falls, darkens and casts a shadow as it turns. A big banner row, a flap clock and a blinking lamp beside the boarding row complete it, and the board flips to a second page and back in a seamless loop. Black or cream flaps, dark or light pages. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.

- Output: Web, Animated canvas hero · page + embed + 1080p video
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/split-flap-board-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the recording (the scripts find it; set `CHROME_PATH` if they don't).
- ffmpeg, for the video (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`; or set `FFMPEG_PATH`).
- At runtime, nothing but a 2D canvas. Fonts load from jsDelivr (the pinned list) or Google Fonts; without the network the page uses system fonts.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add split-flap-board-hero
```

The first run prints a sign-in link; open it, approve, and run the command again. Pro skills install for accounts that bought them or have Pro.

Where it installs:

- Run by Claude Code: `~/.claude/skills/split-flap-board-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/split-flap-board-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/split-flap-board-hero` when `~/.claude` exists.

Add `--claude` or `--shared` to write only one of those folders, or `--project` to install into the current folder instead. Start a new agent session afterwards so it picks up the skill.

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

## Example request

> Build a Split-Flap Board hero for Owl Line, our sleeper trains from Vienna: night page, black flaps with amber remarks, tonight's departures flipping to the next page, banner 'NIGHT TRAINS' then 'SLEEP ON IT', headline 'Board at ten. Wake up somewhere else.', and record a 12-second loop.