# Iridescent Foil Hero

> A hero section that fills the whole first screen with a sheet of crumpled holographic foil, with your headline on a dark glass card over it. The foil is made of flat facets creased into each other, with fine wrinkles on top and a slow wave rolling through the sheet. A light glides over it on a looping path, so bands of your three sheen colors slide across the facets, the facets facing the light flare and tiny glints twinkle on the creases. Move the pointer and the light leans after it, shifting the rainbow with the tilt. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a 1080p loop.

- Output: Web, Animated WebGL hero · page + embed · 1080p loop
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/iridescent-foil-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 shader is 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 iridescent-foil-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/iridescent-foil-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/iridescent-foil-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/iridescent-foil-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 an Iridescent Foil hero for Lumenfold, a studio printing holographic foil art prints: near-black page, crumpled silver foil with a cyan, violet and pink sheen, the headline 'Light, folded into paper.' on a dark glass card, and record the 12-second loop.