shadcn

To add and configure shadcn/ui components, the skill inspects your project context, resolves dependencies via the CLI-driven registry, and applies component-safe patterns. It adapts to your framework, aliases, Tailwind version, and components.json configuration for accurate installation.

Shadcn/ui styling breaks usually due to mismatched project context or incorrect Tailwind version configuration. The skill diagnoses these issues by analyzing your components.json setup, applying project-aware debugging, and enforcing correct theming and composition conventions to fix the UI.

Yes, shadcn/ui works with custom component registries and presets. The skill manages these workflows by performing CLI-driven registry resolution, allowing you to search, install, and compose UI primitives from custom sources while maintaining your project's specific configuration.

The best way to compose accessible UI patterns is by using the skill's UI composition support. It guides you in building accessible forms, dialogs, cards, and navigation by selecting the correct shadcn primitives and enforcing component-safe conventions for overlays and theming.

Yes, you can use shadcn/ui with different Tailwind versions and icon libraries. The skill provides project-aware guidance that adapts recommendations specifically to your project's framework, aliases, icon library choices, and component configuration.

To fix shadcn CLI errors during dependency resolution, the skill applies project-context-aware configuration checks. It troubleshoots the registry resolution process, validates your component setup, and ensures component-safe patterns are followed to resolve installation failures.