skillFrontend Skills1 min read
shadcn
Ships built-in to the shadcn/ui CLI — activates whenever your agent runs shadcn commands.
Lets your agent add, search, fix, debug, style, and compose shadcn/ui components — including registry context and component docs.
bash
# Ships with shadcn/ui — activated via the shadcn CLI:npx shadcn@latest init # new projectnpx shadcn@latest add # existing projectSummary
The official SKILL.md shipped with shadcn/ui itself. Your agent can resolve components against your registry, apply the correct variants and slot APIs, and debug styling or accessibility regressions without you copy-pasting the whole components.json. If you live in React + Tailwind + shadcn, this is table stakes.
More in Frontend Skills
- 1 min readtailwind-design-systemShip a real design system on Tailwind v4 instead of a pile of utility classes.Read
- 1 min readwebapp-testingYour agent runs your app, clicks through it, and actually verifies the UI — not just that types check.Read
- 1 min readfrontend-designA design philosophy skill that prevents generic "AI slop" interfaces and pushes toward distinctive UI with a strong, intentional aesthetic.Read