# Wireframe Scan

> A sheet of light crosses a studio and turns a design file into a photograph. Ahead of the line the product, built in code as a camera or a kettle, is a hidden-line cage of isoparms with dimensions on a ground grid, and the one-word headline on the wall is its own construction drawing, read from the font file with outlines, points and metric guides. Behind the line everything is made and lit by the sheet alone: an area light with soft floor shadows, a strip reflection and a studio window in the gloss, and a hot contour where it touches each surface. It sweeps across, rests off-frame, returns on a seamless 14-second loop, and the pointer scrubs it on a spring.

- Output: Web, three.js studio scene · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/wireframe-scan-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 three.js and the fonts (pinned on jsDelivr with integrity hashes). opentype.js and the font files for the drawing are copied next to the page in `assets/`.

## Install

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

> A type-as-effect product hero: one word painted on a studio wall, a product standing in front of it, and a sheet of light that turns the CAD drawing of both into a lit photograph as it sweeps across.