# Work Index

> A work index for a designer, studio or photographer, built from one work.json. Projects are set as a typographic list, with the number, client, discipline, year and a one-line outcome. Point at a row and that project's picture or short loop slides out of it as a numbered plate. The plate hangs under the row, or stands on it when there is no room below. It follows the pointer on a spring, never covers the line being read, and riffles to the next picture as you move down the list. An Index and Grid switch moves every item with FLIP, and a filter by discipline shows live counts. Each project gets a case page with credits and previous and next. On phones, the row's thumbnail opens the plate inline.

- Output: Web, Page kit · work.json → index + case pages · ledger or caption rows
- Price: Free
- Page: https://lookbk.dev/skills/portfolio-index-kit

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge. The build uses it to resize the pictures, the check and the recorder use it to open the pages (the scripts find it; set `CHROME_PATH` if they don't).
- The person's pictures: JPG, PNG, WebP or AVIF, one per project, at least 1600 px wide for a sharp case page. A loop is an MP4 or WebM under 4 MB with a poster picture.
- ffmpeg, only for the preview video.
- Internet access when the site is opened, for its Google Fonts.

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add portfolio-index-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/portfolio-index-kit` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/portfolio-index-kit`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/portfolio-index-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 my work index from work.json: a typographic list of projects where each row's picture slides out as a plate that hangs under the row and never covers it, with Index and Grid views, a discipline filter, and one case page per project with credits and next/previous.