design-system-lookbook
Installation
SKILL.md
This skill extends the same principle to visual work. Three artifacts, each the visual analogue of a logic-testing artifact:
| Logic loop | Visual loop |
|---|---|
| Feature tests / specs | Design source-of-truth (DESIGN_SYSTEM.md) |
| Headless client exercising the seam | Lookbook rendering the tokens |
| Fast test runner | Live-refresh preview server |
The source-of-truth is to UI what feature-tests are to logic — the persistent, normative reference that kills drift. The live-refresh lookbook is to design what the fast test runner is to code — the instant signal that makes iteration cheap. Together they crystallise taste into determinism: capture an aesthetic decision once, replay it deterministically across every prompt and session.
This skill owns structure & process. It explicitly defers aesthetic taste — what good typography, color, and motion actually look like — to the frontend-design skill.