# Stained Glass Hero

> A hero section with a leaded stained-glass window set in a dark stone wall: a rose window with stone spokes and foils, a pointed lancet, or three lancets side by side. The glass is a seeded tiling of hand-cut-looking panes in your glass colors, each with its own streaks and seeds, held by lead and tracery. The panes kindle from the center, then a band of sunlight sweeps across the glass: the panes flare, colored shafts fall into the room, dust turns in the beams and the window's pattern lands on the flagstones. Your agent sets your glass colors, fonts, logo and words, checks contrast at four widths and records a seamless 12-second 1080p loop.

- Output: Web, Animated WebGL hero · page + embed + 1080p video
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/stained-glass-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 hand-written WebGL inlined in the page. Only the fonts load from a CDN; without the network the page uses system fonts.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add stained-glass-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/stained-glass-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/stained-glass-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/stained-glass-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 Stained Glass hero for Ardenne Glass, a leaded-glass studio: rose window in gold, cobalt, ruby and emerald on near-black, headline 'Light, set in lead.', and record the 12-second loop.