# Shutter Reveal Hero

> A hero section that opens like a venetian blind. Beside the copy hangs a framed art plate drawn in code: a gradient sun over horizon bands, layered hills under a low sun, or a bold geometric poster, all with a soft film grain. A blind of 8 to 16 thin slats folds open in a staggered wave, each slat catching a sheen and casting a soft shadow while its strip of the plate slides into register. The headline wipes in line by line behind its own masks. Open, the strips breathe with a slow parallax. Then the blind closes and reopens onto a second plate in a shifted palette, so the scene loops without a seam. Your agent sets your colours, plates, slats, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.

- Output: Web, Animated canvas hero · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/shutter-reveal-hero

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks and the recording (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`).
- Nothing else at runtime: the effect is a plain 2D canvas and CSS inlined in the page. Only the fonts load from a CDN; without the network the page uses system fonts. Without the canvas, visitors see the SVG still: the first plate behind the open blind.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add shutter-reveal-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/shutter-reveal-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/shutter-reveal-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/shutter-reveal-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 Shutter Reveal hero for Lowtide Rooms, our guesthouse above the harbour at Port Ellery: a sunset sun behind a horizontal blind in an arch that reopens onto a cool morning horizon, headline 'Wake to the sea at your blinds.', and record the video for our spring opening.