# How It Works

> The process section of a service, set as the schedule page of a signed proposal instead of numbered circles. One process.json gives 3 to 7 steps, each saying who does it, how long it takes, what the buyer gives, what they get and what they pay. A programme chart draws every step to scale on one calendar of working weeks, and a lane marks each hour the buyer is needed and adds them up. As you scroll, a cursor moves through the programme, a rail whose length follows the days fills in, and a sticky desk shows each step's deliverable, drawn as a real document: a measured plan, a quote that adds up, a dated log, a certificate. Earlier papers stay in a pile. The build checks that the schedule, hours and payments add up.

- Output: Web, page kit · 3 to 7 steps drawn to scale · page + embed · 1080p video
- Price: Free
- Page: https://lookbk.dev/skills/process-steps-kit

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the check and the video (the scripts find it; set `CHROME_PATH` if they don't).
- 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 Google Fonts. Without them, system fonts stand in.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add process-steps-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/process-steps-kit` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/process-steps-kit`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/process-steps-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

> A how-it-works section set as a project schedule on oat paper: steps drawn to scale on a 12-week programme with the client's hours marked, a green cursor, and the current deliverable on a gridded desk.