Scaffold, compose, and extend shadcn/ui components with correct variants, accessibility patterns, and Tailwind classes — no more copy-paste guesswork.
Gives Claude deep knowledge of the shadcn/ui component library: correct import paths, variant prop API, cva() usage patterns, Tailwind merge utilities, and accessibility requirements for every component (Dialog, Command, DataTable, Form, etc.). Scaffolds new components that follow shadcn conventions, extends existing ones with new variants, and wires form fields to react-hook-form with zod validation. Also handles the common pain points: Radix primitive conflicts, portal z-index layering, server-component-safe patterns in Next.js App Router, and dark-mode token inheritance. Output is always TypeScript with full type safety. Install count on GitHub: 40K+ stars and climbing fast in 2026 as shadcn becomes the de facto React component standard.
No account needed · Instant delivery
Hand-picked Claude skills + tips for getting more out of your AI tools. No spam, unsubscribe anytime.
Weekly tips on using Claude effectively. Unsubscribe anytime.