ui-system

Installation
SKILL.md

UI System

Reuse what the app already has. Don't invent a parallel UI kit.

Do

  1. Read DESIGN.md / area docs for the surface you're in.
  2. Find the existing component/helper (button, input, dialog, progress, relative-time, dropdown, back row, …). Copy how Settings / Projects / etc. already do it.
  3. Prefer a variant on an existing primitive over a new component.
  4. Colors/spacing/type from existing CSS vars / tokens (including the app's Tailwind v4 setup). No one-off hex/shadow stacks.
  5. Match the app's look: if the app doesn't use borders/shadows/sparkles, neither does your feature.

Don't

Installs
11
GitHub Stars
193
First Seen
Aug 10, 2026
ui-system — outthislife/brooklyn-skills