Shadcn Ui

The Shadcn Ui agent skill provides expert guidance for integrating and building applications with shadcn/ui components, covering their unique architecture for full customization and ownership. It is most beneficial for frontend engineers and teams building React applications with Tailwind CSS who appreciate shadcn/ui's unique approach of integrating components directly into their codebase for maximum control. This is a niche skill with a smaller but dedicated user base. The skill instructs the agent to guide developers through component discovery using tools like `list_components` and `get_component_metadata`, and recommend the `npx shadcn@latest add` command for direct installation. It also provides best practices for customization, including utilizing the `cn()` utility for intelligent class merging, configuring `components.json`, and leveraging `class-variance-authority` for component variants, all while maintaining accessibility.