# Waving Flag Hero

> A large cloth flag waves on a pole beside the headline, with the brand's logo sewn onto the cloth. Waves leave the pole and grow toward the free end, the corners flutter, and every fold is lit from its own surface, so crests catch the light and troughs fall into shade. A fine weave, stitched hems, a sleeve round the pole and a soft satin sheen make it read as real fabric. The cloth can be one colour, two bands, a band at the pole, a frame or a stripe, all in the brand's own colours, and the pointer pushes a gust through it. Raw WebGL with no libraries, a loop that closes exactly, and an SVG still for reduced motion.

- Output: Web, WebGL cloth flag · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/waving-flag-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, nothing but WebGL: the shaders are inlined in the page. Fonts load from jsDelivr (the pinned list) or Google Fonts; without the network the page uses system fonts. Without WebGL visitors see the still.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add waving-flag-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/waving-flag-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/waving-flag-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/waving-flag-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 hero for our sailing regatta with our logo on a coral flag waving beside the headline.