shadcn-mastery-pro
Installation
SKILL.md
shadcn Mastery (professional)
Boundary
shadcn-mastery-pro owns shadcn/ui component patterns — Radix UI primitives, cva-based variants, CSS variable theming, copy-paste component architecture, and Tailwind-driven styling. ui-stack-pro owns design token governance and the 8px grid/60-30-10 color rules that shadcn components should conform to. frontend-design-pro owns overall aesthetic direction and font/color choices layered on top of the component foundation. react-pro owns React-level concerns (hooks, performance, server components) when they interact with shadcn usage.
When to use
- Building with shadcn/ui
- Customizing shadcn components
- Creating new components following shadcn patterns
- Theme customization (colors, radius, etc.)
- Need accessible React components
- Building design systems on shadcn