# Variable Weight Wave Hero

> One giant word sits beside the headline and breathes through a variable font's own axes instead of scaling. Set in Anybody, with weight from 100 to 900 and width from 50 to 150, the word carries a wave that travels through it letter by letter: each letter thickens and widens as the crest passes, then thins and narrows again, so the whole word swells and settles. Letters near the pointer swell toward the heaviest, widest cut. An outline echo in the accent colour trails the wave a beat late or runs in counter phase, and the baseline sways a little. Hairline guides, a meter under each letter and a live axis readout frame it like a type specimen. The loop closes exactly, and the recording follows a scripted pointer path.

- Output: Web, Variable font wave · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/variable-weight-wave-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`).
- At runtime, a browser with variable fonts (every current one) and the network: the word's font, Anybody, loads from jsDelivr (Fontsource's file with both axes, at a pinned version, checked against its SRI hash). Without it the page keeps its still picture. The copy's fonts load from jsDelivr (the pinned list) or Google Fonts; without the network the page uses system fonts.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add variable-weight-wave-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/variable-weight-wave-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/variable-weight-wave-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/variable-weight-wave-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

> Use the variable-weight-wave-hero skill to build a hero for my type foundry Halden: the word HALDEN breathing through weight and width on a near-black page, a coral outline echo trailing the wave, specimen guides on, copy on the left, and a 10 second loop video.