# Footer Kit

> The end of a landing page as one composed finale. The page above is a sheet lying on a coloured board, and when the reader reaches the end it lifts away: its cut edge and a soft shadow cross the brand's name, which is set edge to edge on the board, fitted to the letters' real ink with kerning kept, and rises through the opening gap. One footer.json gives four layouts: a wordmark footer with the closing call and link columns, an editorial index with leader dots, a newsletter-led footer with designed form states, and a place footer with a drawn street map and live opening hours. On phones the name stacks on two lines. Reduced motion gets the finished footer.

- Output: Web, page kit · 4 footer layouts · page + embed · 1080p video
- Price: Free
- Page: https://lookbk.dev/skills/footer-kit

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge, for the checks 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, and the name is still fitted to whatever face is used.

## Install

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

> The last screen of a landing page: a warm paper page lifts off a garden-green board and uncovers the brand's name set edge to edge, its shadow crossing the letters as the name rises into place.