# Auth over Footage

> The front door of a product as three pages over a full-screen looping film: sign in, sign up, and a three-step onboarding that ends on a summary of the answers. The form sits on a pane of frosted glass that blurs and tints the footage under it so every word reads, while the pane's edge bends the film like thick glass (in Chrome and Edge, through a displacement map made for the pane's size and corners). Fields are checked as people leave them and clear the moment they are fixed; the new password fills a four-bar meter as its four rules tick off; the button goes busy, then done. Onboarding steps slide on while the film pushes in a little further each time. Three compositions: the pane floating beside the headline, docked full height as a side sheet whose free edge bends the film, or centred over the film's subject with the headline set as a vertical slate. Two tones: smoked glass with a ticket-stub notch, or milk glass with an instrument ruler. Your agent writes one page.json; the build checks every length and writes the three pages, and the check measures contrast against a screenshot of the real film behind the glass, at four widths and in every state.

- Output: Video, Sign-in, sign-up and 3-step onboarding over a looping film · frosted glass with a refracting rim · real validation and strength meter · 1080p video of a typed session
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/footage-auth-pages

## What you need

- Node.js 18 or newer. Nothing to install.
- A looping film: a landscape `.mp4` under 4 MB (1080p or 720p, no sound needed) and a poster frame (`.webp`/`.jpg`). Optionally a portrait cut and its poster for phones. Pick footage with calm areas: the headline sits on one side, the glass on the other.
- Chrome, Chromium or Edge for the check and the video (found automatically; set `CHROME_PATH` otherwise).
- ffmpeg, only for the video (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`; or set `FFMPEG_PATH`).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add footage-auth-pages
```

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/footage-auth-pages` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/footage-auth-pages`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/footage-auth-pages` 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 our sign-in, sign-up and onboarding pages with Auth over Footage: our drone film behind them, our colours and fonts, Google and Microsoft sign-in, and onboarding that asks for the team name, their role and which alerts they want.