Manage shadcn/ui components via CLI with project context and styling rules.
npx skills add https://github.com/wenerme/ai --skill shadcn-wenerme
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/wenerme/ai/tree/main/skills/shadcn Command: npx skills add https://github.com/wenerme/ai --skill shadcn-wenerme
shadcn helps you avoid incorrect shadcn/ui implementation details by guiding how to add, search, update, and compose components in your project with consistent styling and correct component structure.
Ask the AI: “Use shadcn to add the button, dialog, and select components to my current project, then summarize any required changes based on the project’s base and icon library.”
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components safely, use the CLI with project context fields like aliases, base, and tailwindVersion. This ensures component installation preserves your local structure and maintains consistent semantic styling without guesswork.
Yes, you can safely update shadcn/ui components and apply presets by reviewing diffs before changes. This preserves your local structure and prevents breaking accessibility and composition rules during the update process.
shadcn/ui supports both Radix and base component foundations. The project context uses your configured base setting to ensure correct component structure and enforce rules for form composition, overlays, and icons during installation.
shadcn/ui form and overlay composition issues usually occur when project context fields are ignored. Enforcing shadcn/ui rules for form composition, overlays, and semantic styling using the CLI prevents incorrect implementation details.
The best way to manage a Tailwind design system with shadcn/ui is by using the CLI to search registries, install components with documentation-first guidance, and apply preset theming while respecting your project's configured Tailwind version.
You need to specify your project's icon library in the context fields. shadcn/ui uses this configuration to ensure correct component installation and enforce rules for icons and semantic styling across your project.
linehaul-aiInstall and customize shadcn-svelte UI components in SvelteKit projects.
gileckEnforce shadcn/ui as the exclusive UI component library in Next.js and React projects.
yashvinthanCreate user interfaces with shadcn/ui components and Tailwind CSS.
aliepratamaManage shadcn/ui component installation, updates, and documentation in frontend projects.
