Guides building accessible, customizable UI with shadcn/ui as a code generation platform (not an npm dependency). Components are copied into your project via the CLI and fully owned. Supports Radix UI or Base UI primitives, Tailwind CSS 4 with oklch color tokens, React 19 direct ref patterns, and type-safe form validation with the Field component and Zod.
When to use: Adding shadcn/ui components, theming with CSS variables and oklch colors, building forms with React Hook Form or TanStack Form, creating custom registries, composing accessible component variants, setting up dark mode.
When NOT to use: Non-React frameworks (use shadcn-vue or shadcn-svelte instead), projects using a different component library (MUI, Chakra), projects not using Tailwind CSS.
Crée des bibliothèques de composants accessibles et personnalisables à l'aide de shadcn/ui avec Radix UI ou Base UI, Tailwind CSS 4 et React 19. Couvre la propriété des composants, la thématisation CSS oklch, les formulaires de type sécurisé avec Field et Zod, les flux de travail CLI et les modèles de registre. À utiliser lors de l'ajout de composants shadcn/ui, de la configuration de thèmes, de la création de formulaires avec Zod, de la création de registres personnalisés ou de la composition de variantes de composants accessibles. À utiliser pour la CLI shadcn, le mode sombre, les variantes de composants, la validation de formulaire. Source : oakoss/agent-skills.