Manage shadcn/ui components via the official CLI with project context.
npx skills add https://github.com/vobase/vobase --skill shadcn-vobase
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/vobase/vobase/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/vobase/vobase --skill shadcn-vobase
Manages the full lifecycle of shadcn/ui components and projects so developers can add, update, audit, and fix UI components reliably without guessing registry sources, breaking imports, or violating project conventions.
Run the project's package runner (for example npx shadcn@latest or pnpm dlx shadcn@latest) to run info, init, add, docs, or add --dry-run to preview changes.
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components safely, run the project's package runner (like npx shadcn@latest add) and use the --dry-run flag to preview changes. The CLI injects project context such as aliases and resolvedPaths to ensure imports respect your conventions.
The best way to update shadcn/ui components while preserving local changes is to use a smart-merge procedure. Run diff and view commands to preview changes before applying them, ensuring your local modifications are not overwritten during the update process.
The shadcn CLI handles project context by reading fields from components.json, including aliases, base, style, iconLibrary, and tailwind settings. This ensures that added components match your target project's conventions and package manager.
Yes, you can use shadcn/ui component registries to browse and validate preset codes. The CLI supports registry browsing and initialization of presets, while MCP tools and audit checklists provide validation for your component workflows.
When composing shadcn/ui components, follow rules enforcing accessibility and consistent patterns, such as using semantic colors, gap-* spacing, FieldGroup/Field structures, and data-invalid or aria-invalid attributes for validation states.
SteepCraftManage shadcn/ui components and presets via CLI workflows.
d-kimusonCopy shadcn-ui components from a remote registry into a project via CLI.
linardsbEnforce token-based React design standards for the Gerboni e-commerce project.
braswelljrManage shadcn/ui components via CLI with styling and accessibility validation.
