shadcn

The Skill automates adding and updating shadcn/ui components, switching presets, and viewing documentation. It enforces project context, dependency handling, and semantic token usage to ensure consistent UI kit alignment across your codebase.

The safest way to apply themes and switch presets is through a centralized workflow that enforces project context and safe update routines. This prevents semantic token conflicts and ensures dependency integrity when changing UI configurations.

You can use shadcn/ui registries in any project utilizing shadcn/ui presets, not just Next.js. The management system applies broadly to any project environment that supports shadcn/ui component structures and registry patterns.

You can browse documentation and reuse patterns through a centralized interface that streamlines component workflows. This allows you to quickly view docs, generate consistent component usage, and align the UI kit with the current preset.

Update workflows break semantic tokens when project context and dependency handling are not properly enforced. The Skill prevents this by automating safe update routines that maintain semantic token integrity during component additions and preset switches.