# Parallax Depth

> A centred lockup hero built like a multiplane camera. A scene is painted in code on 6 plates at real distances from the lens, and the headline is one of them: the far plates drift against the pointer, the near plates move with it, and the words hold still. Two worlds come with it, a mountain range at first light with snow, spruce, valley fog and grass at the lens, or a city at night with lit towers, a moon, chimneys, a water tower and a festoon of lamps. Air, mist, light and defocus are computed, not painted. Scrolling raises the camera over 1.25 screen heights, so the near ridge drops below the words while the sun rises behind them, and no letter is ever covered more than 30%.

- Output: Web, WebGL multiplane scene with the headline as a plate · page + embed · 1080p scroll video
- Price: Free
- Page: https://lookbk.dev/skills/parallax-depth-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks, the still 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 with integrity hashes).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add parallax-depth-hero
```

The first run prints a sign-in link; open it, approve, and run the command again.

Where it installs:

- Run by Claude Code: `~/.claude/skills/parallax-depth-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/parallax-depth-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/parallax-depth-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

> Make a hero where our headline sits inside a layered landscape, with near ridges passing in front of the words and the far mountains and sun rising as visitors scroll.
