shadcn
CLI tool to manage shadcn/ui components, enforce styling rules, and maintain design system consistency.
Install
npx skills add https://github.com/shadcn/ui --skill shadcnStats
| Total installs | 48,107 |
| Weekly installs | 48.1K |
| GitHub stars | 110.8K |
| First seen | Mar 6, 2026 |
| Source | @shadcn/ui |
Summary
- Manages the full component lifecycle: search registries, add components, view docs, preview changes with --dry-run and --diff, and intelligently merge upstream updates while preserving local modifications
- Enforces critical rules across forms (FieldGroup, Field, InputGroup, validation states), composition (Groups, overlays, Card structure), styling (semantic colors, gap spacing, size shorthand), and icons (data-icon attributes)
- Supports multiple registries (@shadcn, @magicui, @tailark, community presets) and provides component selection guidance via a reference table covering buttons, forms, overlays, navigation, charts, and layouts
- Injects project context automatically including aliases, framework, base library (radix vs base), icon library, Tailwind version, and resolved paths to ensure correct imports and APIs
Tags
reacttypescriptcssnodefrontenddesign-systemcli-toolscode-qualityarchitecturebest-practicesgeneratorofficial
Related skills
| Skill | Installs | vs shadcn |
|---|---|---|
| schema-markup | 26,507 | -21,600 |
| web-design-guidelines | 206,584 | +158,477 |
| react:components | 24,753 | -23,354 |
| bolder | 30,701 | -17,406 |
| audit-website | 39,426 | -8,681 |
FAQ
- How many installs does shadcn have?
- shadcn has 48,107 total installs and 48.1K installs this week.
- Where is shadcn hosted?
- shadcn is published by @shadcn/ui at https://github.com/shadcn/ui.
- How many GitHub stars does shadcn have?
- shadcn has 110.8K GitHub stars.
- When was shadcn first indexed?
- OrangeBot.AI first indexed shadcn on Mar 6, 2026.
- How do I install shadcn?
- Run: npx skills add https://github.com/shadcn/ui --skill shadcn