# Proof Band

> A Page Kits package for the band under a hero that says who uses the product and what it has done. Every customer logo is measured from its own SVG, by ink box, aspect and ink density, and sized to the same visual weight, then set on one baseline per row. Every figure uses tabular numerals and links to a numbered note that gives its basis, its source and its as-of date. The build refuses a figure without a source, a date in the future, a plus sign or "up to". Each logo opens on hover, focus or tap to one line on what that customer uses the product for. Three layouts, two looks, an entrance that plays once, an optional slow marquee that pauses, and a check that re-measures the balance.

- Output: Web, Customer logos balanced by ink weight and figures with sourced notes, built under a hero from one JSON config
- Price: Free
- Page: https://lookbk.dev/skills/proof-band-kit

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge for the check and the video (found automatically; set `CHROME_PATH` if not).
- ffmpeg for the video only (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`, or set `FFMPEG_PATH`).
- Internet access when the page is opened, for the look's fonts (pinned on jsDelivr with an integrity hash). Without it system fonts stand in.
- **The customers' logos as SVG files** with a viewBox and the type converted to outlines (no live `<text>`, no embedded bitmaps). A PNG cannot be measured or recoloured.
- **The real numbers and where they come from.** For each figure: the value, what it measures, the source (a ledger, a report, a meter) and the date it is true as of. If a number has no source, leave it out; the build will not take it.
- Permission to show each customer's logo.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add proof-band-kit
```

The first run prints a sign-in link; open it, approve, and run the command again.

Where it installs:

- Run by Claude Code: `~/.claude/skills/proof-band-kit` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/proof-band-kit`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/proof-band-kit` 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 the trusted-by band under our hero: our customers' SVG logos balanced to the same visual weight on one baseline, each opening to what they use us for, and three figures in tabular numerals with notes giving the source and as-of date of each.