25 lines
891 B
Markdown
25 lines
891 B
Markdown
|
# 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/`.
|