# Paper Technical Landing

> A landing page built like a drawing sheet: off-white paper with a hairline grid inside a bordered sheet with zone marks, a title-block header whose sheet counter follows you down the page, mono labels and one signal colour. Your product is drawn as a technical drawing in SVG, written as parts in page.json, and plots itself stroke by stroke when the page opens: outlines, hatching, centre lines, then dimensions and numbered callouts, with a crosshair that reads coordinates under the pointer. Every section heading gets a dimension line that grows from its middle as you scroll and carries a real measure from your product. Then figures that count up on rulers, an anatomy section that pins the drawing beside an index of every item and lights the one you are reading, a config file drawn as a listing with ballooned notes, spec tables, pricing set as drawing sheets with a bill of materials and a revision cloud on the featured one, numbered general notes, a release stamp and a title-block footer. Two hero layouts and free section order, so two pages built with it do not look like a reskin. The colour tokens are derived from three colours and checked for contrast, and the component rules are written down so the page can be extended the same way. Two examples: Wrenfield, a studio monitor, and Gaugeline, a CI latency tool.

- Output: Video, A whole landing page in an engineering-paper design system · SVG technical drawing that plots itself · dimensioned section heads · pinned anatomy index · tokens and rules included · 1080p video of the scroll
- Price: $4.99 one-time, or included in Pro
- Page: https://lookbk.dev/skills/paper-technical-landing

## What you need

- Node.js 18 or newer. Nothing to install.
- Chrome, Chromium or Edge for the checks and the video (found automatically; set `CHROME_PATH` otherwise).
- ffmpeg for the video only (`brew install ffmpeg`, `winget install ffmpeg`, `apt install ffmpeg`, or set `FFMPEG_PATH`).

## Install

```bash
curl -fsSL https://lookbk.dev/cli.js | node - add paper-technical-landing
```

The first run prints a sign-in link; open it, approve, and run the command again. Pro skills install for accounts that bought them or have Pro.

Where it installs:

- Run by Claude Code: `~/.claude/skills/paper-technical-landing` only, the one folder Claude Code reads.
- From your own terminal: `~/.agents/skills/paper-technical-landing`, which Codex, Gemini CLI, Copilot CLI, Cursor and OpenCode read, and also `~/.claude/skills/paper-technical-landing` 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

> Use Paper Technical Landing to build the page for our desk power supply: draw the front panel and a section in the hero, put the rear connectors in the anatomy, and use our spec sheet and three bundles.