# Split Screen Ad

> A luxury product ad cut like a fashion-house print campaign, with its own original soundtrack. The frame is split into two or three panels that slide, swap and resize on the beat: your product (a glass bottle built and lit in three.js, or your own cut-out) on a moving floor of caustic light, ripples or smoke; a mood plate in your colour set in a fashion serif with small caps, carrying three notes or ingredients and one line; and the liquid itself, close up. On the drop the panels flip colours and the price, "New" or launch line straddles the seam; the call to action settles and the house wordmark lands on the final hit.

- Output: Video, MP4 · 12–20 s · 1080×1920, 1080×1080 or 1920×1080
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/split-screen-ad

## What you need

- Node.js 22 or newer and FFmpeg (with `ffprobe`) on the PATH.
- Chrome or Chromium. The layout gate and the bottle bake use it; set `CHROME_PATH` if it isn't found. HyperFrames brings its own for the render.
- HyperFrames through `npx`, pinned: `npx --yes hyperframes@0.8.192`. The first render downloads a headless Chrome. If `render` says Chrome is missing, run `npx --yes hyperframes@0.8.192 browser ensure` once.
- Network access to `fonts.googleapis.com` (Bodoni Moda, Cormorant Garamond, Jost) and `cdn.jsdelivr.net` (GSAP 3.14.2 and three.js 0.158.0). See Troubleshooting if either is blocked.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add split-screen-ad
```

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/split-screen-ad` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/split-screen-ad`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/split-screen-ad` 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 split-screen launch ad for our new perfume: the bottle on caustic light, the top, heart and base notes, the line "Worn after dark", the €185 price across the seam and our boutique date, ending on the house name.