# Harbor — design contract

> Calm ops admin — dense indexes, quiet chrome, semantic status.

**Status:** `preview` · **Version:** `0.1.0` · **Platform:** `1.0.0`

## Aesthetic (DNA)

Quiet paper ops surfaces, semantic status chips, dense index rows — no cinema.

## Features

- Law book + harbor-* skills + CI gates
- Task density recipes for indexes
- Semantic status chips (not brand decoration)
- Index / detail intents
- Optional contract MCP accelerator

## Hard rules

- MUST: Semantic status chips for open / warning / healthy — never status-as-brand wash
- MUST: Dense list-resource recipes with mono IDs and stable row height
- MUST: Quiet chrome — no full-bleed cinema, no theater tone

- MUST NOT: Cinematic full-bleed heroes or overlay stickers on ops screens
- MUST NOT: Purple/dev-tool aesthetics (that is Atlas) or mist reading lanes (Vellum)
- MUST NOT: Marketing card grids as the primary resource index

## Install

Law book + skills first. Contract MCP optional.

```bash
npx skills add byronwade/ui.byronwade.com
```

Contract JSON: https://ui.byronwade.com/r/harbor.contract.json

## Compose

Use shadcn primitives. Never fork twin component kits.
Skin via `data-contract="harbor"`.
Run `npm run validate` before done.