# Design system

The design system for this project is implemented as a project skill so
it loads automatically into context whenever UI work is in progress —
not just when someone remembers to read a file.

**Skill location**: `.claude/skills/<SLUG>-design-system/`

```
.claude/skills/<SLUG>-design-system/
├── SKILL.md        ← canonical visual reference
├── tokens.ts       ← machine-readable tokens for mocks and code
└── components.md   ← component vocabulary and anatomy
```

To revise: re-run `/composer` (it'll detect the design phase and ask
whether to update), or edit the files directly. They're version-controlled.

To verify the skill is loading: open a session in this repo, run
`/agents`, and confirm `<SLUG>-design-system` appears as a project-local
skill.

The paired interaction-design skill lives at
`.claude/skills/<SLUG>-interaction-design/`.