shadcn - Manage shadcn/ui components and projects
Manages shadcn/ui components and projects by searching, adding, styling, composing, debugging, and applying presets.
Tags
Updated: 2026-10-03Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Inspect project context
- Search component registries
- Read component documentation
- Add shadcn components
- Compose existing components
- Apply preset codes
- Debug component usage
- Enforce styling rules
- Enforce form patterns
- Select compatible primitives
Inputs
- shadcn/ui project
- Project package manager
- Project configuration
- Component or registry name
- Preset code
- Component usage requirements
Outputs
- Project context information
- Component documentation links
- Added component source files
- Updated project configuration
- Applied preset state
- Debugging guidance
- Styling and composition guidance
Requirements
- Node.js project environment
- Supported package runner
- Shell access
- shadcn CLI access
- Project write permissions
