ui-stack-pro
Installation
SKILL.md
UI Stack (professional)
Boundary
ui-stack-pro owns design system rule enforcement — the 8px spacing grid, 60-30-10 color distribution, 1.25 typography scale, dark mode token mapping, and the 5-state interaction model. It operates as a compliance layer over any component generated by other skills. ui-ux-system-pro owns the creation and architecture of a design system from scratch, including token naming conventions. frontend-design-pro decides the aesthetic direction (color palette, font choices) that ui-stack-pro then enforces through tokens. shadcn-mastery-pro handles component-level shadcn CSS variables; ui-stack-pro validates they conform to spacing and color rules.
When to use
- Generating any UI component
- Starting new project with design system
- Reviewing existing UI for consistency
- Creating design tokens
- Ensuring dark mode support
- Verifying accessibility compliance
- Onboarding new team members to design system