# Pricing Kit

> A pricing section built around one shared price scale: every plan hangs from its real price on a ruled axis by a leader line. Flip the monthly/yearly switch and each price rolls digit by digit while its dot slides along the scale and a hatched stretch shows the money kept, with the arithmetic printed under every price. The recommended plan is a different object, not a badge: filled in the accent, wider, raised into the scale, with a reason a buyer can believe. A comparison opens out of the cards on the same columns and marks what is new at each plan, an optional usage calculator re-lights the cheapest plan as you slide and names the crossover, and a strip of questions closes it. Two looks, folded plans on phones, reduced motion and a paste-in embed.

- Output: Web, Pricing section system · page + embed · 1080p preview
- Price: Free
- Page: https://lookbk.dev/skills/pricing-kit

## What you need

- Node.js 18 or newer. Chrome, Chromium or Edge for the check and the recorder (set `CHROME_PATH` if it is somewhere unusual), and ffmpeg for the video.
- From the person: their plans (names, who each is for, monthly prices and the monthly figure when billed yearly, or a custom line), what each adds, their sign-up links, which plan they recommend and why, and if they want them, a feature table, the usage formula behind their prices and their questions.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add pricing-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/pricing-kit` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/pricing-kit`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/pricing-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 our pricing section with our three plans, monthly and yearly prices, a feature comparison and a seat calculator