shadcn-ui-expert

shadcn-ui is a collection of beautifully-designed, accessible React components built with TypeScript, Tailwind CSS, and Radix UI primitives. This skill guides you through component selection, implementation, customization, and best practices. First, initialize shadcn-ui in your project: This creates a components.json file for configuration. Choose your framework: Use the CLI to install individual components: Or ask me directly to "add a login form" - I can use the MCP server to handle installation with natural language. Use for : Data collection, user input, validation Use for : App structure, navigation flows, content organization Use for : Modals, confirmations, floating content Use for : Showing structured data Use for : User feedback, loading states, alerts Ask yourself these questions to choose the right component: What is the user interacting with? How should it be displayed? What's the context? Does it need validation?