# Blueprint Flashlight Hero

> A dark hero section where a soft flashlight moves over a technical drawing beside your headline. Outside the light there is only a faint grid; inside it a product appears in fine white and cyan lines, with dimension lines, hatching, centre lines, numbered callouts, a magnified detail and a title block. The light leaves a short fading trail, and each callout's words type in letter by letter while it rests on them. Choose a headphone, a camera, a bicycle, a sneaker or an espresso machine, all original drawings made in code, and write your own callouts, title, drawing number and notes. On a live page the light follows the pointer; otherwise it tours the sheet, and the video loops without a seam.

- Output: Web, Canvas 2D blueprint reveal · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/blueprint-flashlight-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 fonts (pinned on jsDelivr with integrity hashes).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add blueprint-flashlight-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/blueprint-flashlight-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/blueprint-flashlight-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/blueprint-flashlight-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 dark website hero for our product where a flashlight following the pointer reveals a blueprint drawing with our own callouts typing in, plus a looping video of it.