# Scroll World

> A scroll-pinned hero that is a model maker's miniature country built in three.js code: a ridge with a fingerpost, a valley of stone-walled fields and flocked conifers, a village of plaster houses under thick snow, and one bakery you go into. As the visitor scrolls 3 screen heights, a macro lens travels down the lane, along the street and in at the window, stopping at 3 stations where the copy is built into the place: painted on the fingerpost, gilded on the fascia, written on a card on the table. One low sun with soft shadows, haze, mist and a shallow focus make it read as a real model. A second world is the same village on an autumn night, lit by its windows and lamps.

- Output: Web, three.js miniature-world scroll story · page + embed · 1080p story clip
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/scroll-world-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 with integrity hashes).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add scroll-world-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/scroll-world-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/scroll-world-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/scroll-world-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 scroll-pinned website hero for a village guesthouse: a miniature snowy valley built in three.js, a macro lens that travels from a fingerpost on the ridge to the bakery's gilded fascia and in through the window to a card on the table, with each step's line built into the world, soft sun shadows, haze and a shallow model-like focus, on the Motion Heroes story composition.