Shadcn UI - Reusable Component Library

When to use this skill

• Creating accessible UI component libraries
• Implementing dialogs, dropdowns, tooltips, popovers
• Building forms with validation and error handling
• Creating sortable, filterable data tables
• Implementing command palettes (Cmd+K interfaces)
• Using Radix UI primitives with custom styling
• Customizing components with Tailwind CSS
• Building design systems you fully own
• Implementing accessible keyboard navigation
• Creating consistent, themeable components
• Using pre-built accessible patterns
• Building components that match your design system

When to use this skill

• Building UI with Shadcn, Radix UI primitives, Tailwind CSS.
• When working on related tasks or features
• During development that requires this expertise

Use when: Building UI with Shadcn, Radix UI primitives, Tailwind CSS.

Installation

```bash npx shadcn-ui@latest add button ```

Usage

```typescript import { Button } from '@/components/ui/button';

<Button variant="destructive">Delete</Button> ```

Resources

• Shadcn UI