Run shadcn CLI commands to add, update, and audit shadcn/ui components.
npx skills add https://github.com/remeda/remeda --skill shadcn-remeda
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/remeda/remeda/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/remeda/remeda --skill shadcn-remeda
This Skill eliminates slow, inconsistent shadcn/ui work by guiding you through the correct CLI workflow and enforcing composition and styling rules for shadcn components.
Run npx shadcn@latest info to fetch your project context, then ask me to add or fix a specific shadcn component with the correct rules applied.
High-intent search queries and answers about installing and using this skill.
To fix shadcn/ui component composition, apply structural rules like correct Group/Item hierarchy, add required Titles for Dialog/Sheet/Drawer, and use semantic tokens with gap-* spacing for consistent styling.
To update shadcn components safely, use the CLI's dry-run, diff, and view features with smart-merge practices to apply deterministic upgrades without overwriting your local styling and composition customizations.
Before using shadcn/ui, you must initialize a working Next.js, Vite, or React project and run npx shadcn@latest info to fetch your components.json context, ensuring correct aliases and Tailwind version setup.
To structure shadcn/ui forms and icons correctly, follow strict validation rules and use icon data-icon conventions alongside semantic styling tokens to ensure UI composition remains consistent across your application.
neilsanghrajkaManage shadcn/ui components and presets across React projects via CLI.
irchamajiGuide shadcn/ui component creation and maintenance with project-aware styling rules.
d0whc3rGuide shadcn/ui component implementation and maintenance in React projects.
bklitManage shadcn/ui component lifecycle and configuration in React projects.
