shadcn/ui Skill

Initialize: npx shadcn@latest init
Add Component: npx shadcn@latest add [component-name]
List All: npx shadcn@latest add (shows interactive list)

This skill enables Claude to manage shadcn/ui components using the official CLI and best practices.

Core Commands

When a user asks for a UI element, use npx shadcn@latest add for any of the following:

Accordion, Alert, Alert Dialog, Aspect Ratio, Avatar
Badge, Breadcrumb, Button, Button Group
Calendar, Card, Carousel, Chart, Checkbox, Collapsible, Combobox, Command, Context Menu
Data Table, Date Picker, Dialog, Drawer, Dropdown Menu
Form, Hover Card, Input, Input OTP, Label, Menubar, Navigation Menu
Pagination, Popover, Progress, Radio Group, Resizable, Scroll Area, Select, Separator, Sheet, Sidebar, Skeleton, Slider, Sonner, Switch
Table, Tabs, Textarea, Toast, Toggle, Toggle Group, Tooltip, Typography