# Liquid Chrome Hero

> A hero section with a floating blob of liquid metal beside the headline. Droplets on looping paths melt into one slowly morphing shape with a ripple running over its surface. It reflects a turning photo studio, with strip lights, a hard horizon and a rim light in your brand color, and its edges split into a thin chromatic fringe. Faint rings pulse outward behind it. Chrome, gold, rose gold or any tint, on dark or light pages. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.

- Output: Web, Animated WebGL hero · page + embed + 1080p video
- Price: $6.90 one-time, or included in Pro
- Page: https://lookbk.dev/skills/liquid-chrome-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 liquid-chrome-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/liquid-chrome-hero` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/liquid-chrome-hero`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/liquid-chrome-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 Liquid Chrome hero for Ferrous Audio's FA-1 headphone: graphite page, chrome blob with an orange rim light and faint sound rings, headline 'Sound, cast in one piece.', the driver size and weight in the corner, and record a 10-second loop for the launch post.