name: design-system
description: "Apply the team's tokens, components, and edge-case rules to every PR — automatically."
allowed-tools: [Read, Edit, Grep]
---
# When to use this skill
Every UI change. No exceptions. Don't reinvent tokens.
# The rules that used to live in my head
- Primary button = action that moves the user forward
- Secondary = parallel action (cancel ≠ secondary)
- Border tokens never come from neutrals; always semantic
- 16px is the rhythm; 24px breaks sections, 8px is a mistake
# The exceptions
- Modals: tighten by 4px (denser context)
- Dark mode: invert --surface, never --accent
- Edge case: the help button is --accent-2, not primary
# Why these choices
[ ...the reasoning, so the skill can defend a call ]