# Preloader Reveal

> A preloader that plays like the opening titles of a film and hands over into the hero instead of disappearing. Under a red or amber safelight an exposure timer counts in large mono digits, the blades of an enlarging easel part to a letterbox, and the headline is projected through it as a test strip of 4 exposures, each pencilled on the blade. The letters come up in the developer, then the room lamp switches on, the blades open and the finished print is the hero: the timer stays as the printer's note, the strip as a step tablet, and the blades frame the page. The headline is drawn as silver on fibre paper, or as a photogram. A live page plays it once; the video loops every 12 seconds.

- Output: Web, Canvas 2D darkroom preloader hero · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/preloader-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the recording (set `CHROME_PATH` if it isn't found).
- ffmpeg, for the video (or set `FFMPEG_PATH`).
- Internet access when the page is opened, for the shell's fonts (pinned with integrity hashes).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add preloader-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/preloader-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/preloader-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/preloader-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

> Use the preloader-hero skill to build our homepage hero: a darkroom intro where a safelight timer counts, our headline is exposed as a test strip and developed, then the easel opens onto the finished print with our lede and one call to action, plus a 12-second 1080p loop.