shadcn

What problem does it solve?

This Skill streamlines the process of working with shadcn/ui components, from initialization and adding components to debugging, styling, and composing complex UI elements.

Core Features & Use Cases

• Project Initialization: Set up new projects or integrate shadcn/ui into existing ones using various templates and presets.
• Component Management: Add, search, view, and update components from different registries.
• Code Quality & Best Practices: Enforces styling rules, component composition patterns, and form handling best practices.
• Use Case: You need to add a new Dialog component to your Next.js application, ensure it follows the project's radix-nova preset, and uses tabler icons. This Skill can handle the addition, verify its structure, and ensure correct icon imports.

Quick Start

Use the shadcn skill to add the button and card components to your project.