# Watch Movement Scroll Page

> A whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: the brass gears, gold balance wheel and ruby jewels of a mechanical watch movement in extreme macro. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits watchmakers, engineering firms, crafts brands, hardware makers and anything about precision.

- Output: Web, Scroll-driven landing page on generated footage · pinned film that scrubs with the scroll · 1080p video of the scroll
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/watch-movement-scroll-page

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the video (the scripts find it; set `CHROME_PATH` if they don't).
- ffmpeg for the video (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`; or set `FFMPEG_PATH`).
- A web server for the page, so the film can jump to any frame: `node scripts/serve.mjs out` serves it on localhost.
- Internet access when the page is opened, for the two Google Fonts. Without them system fonts stand in.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add watch-movement-scroll-page
```

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/watch-movement-scroll-page` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/watch-movement-scroll-page`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/watch-movement-scroll-page` 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 Watch Movement scroll page for our mechanical keyboard switches, explaining how they work in three steps, and record the scroll.