# Snow Onsen Hero

> A full-screen website hero on five seconds of generated film that loops with no seam: steam curling off a rock hot-spring pool in deep snow at dusk, snowflakes falling past a glowing stone lantern. It uses a centred layout: the wordmark in the middle of the bar, a two-line headline centred and set very large, the introduction under it and the button at the foot. Wide screens get the wide film and phones a tall cut framed on the subject, so a phone never shows a letterbox or an empty half; every text is at least 14 px and nothing touches the headline. Your agent writes one hero.json with your words and links; the build checks every length, a check at four widths enforces the layout rules and the seamless loop, and a recorder makes 1080p and phone MP4s. It suits a hotel, spa, ryokan, skincare, tea or any calm, warm, wintry brand.

- Output: Video, Full-screen hero on a generated film that loops with no seam · tall cut for phones · page + embed · 1080p and phone MP4s
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/snow-onsen-hero

## 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 loop check and the video (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`; or set `FFMPEG_PATH`).
- Internet access when the page is opened, for the Google Fonts. Without them system fonts stand in.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add snow-onsen-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/snow-onsen-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/snow-onsen-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/snow-onsen-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 Snow Onsen hero for our winter spa: 'Slow down, / warm up', a booking button, and record the phone video.