Enforces shadcn/ui composition, styling, and accessibility rules while managing component installs and updates.
npx skills add https://github.com/zooroy/appt-system --skill shadcn-zooroy
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/zooroy/appt-system/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/zooroy/appt-system --skill shadcn-zooroy
shadcn helps you reliably build, update, and compose shadcn/ui components without breaking the project’s established composition, styling, and accessibility conventions.
components.json context (base vs radix, Tailwind version, icon library, aliases) to recommend correct APIs.Use the shadcn skill to add or update a UI component by asking: "Install the shadcn/ui Button component and show me the exact file changes first."
High-intent search queries and answers about installing and using this skill.
To safely install and update shadcn/ui components, use the shadcn CLI runner with dry-runs and file diffs to preview exact changes before applying them. This prevents unintended modifications to your project's established composition and styling conventions.
The best way to compose UI elements with shadcn primitives is by following project-wide rule files that enforce deterministic layout, semantic tokens, and correct structure for patterns like FieldGroup, ToggleGroup, and Dialog titles.
Yes, you can apply theme presets to your shadcn components while preserving or merging existing customizations. The skill manages theming workflows that switch themes without overwriting your project's established component modifications.
The shadcn CLI works with different Tailwind versions, icon libraries, and base setups by reading your project's components.json context. It uses this injected configuration to recommend correct APIs and ensure compatibility.
To find official documentation and examples before adding a component, use the skill's component discovery feature to search and open official shadcn registry docs. This ensures you understand the target component's usage patterns before implementation.
tincopperManage shadcn/ui component workflows and project presets via CLI registry operations.
netprtonyAutomate shadcn/ui component setup and usage in React and Next.js projects.
pedronauckBuild and customize shadcn/ui components with design tokens and Radix UI accessibility.
project-axManage shadcn/ui component workflows via CLI registry operations with dry-run safety.