Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

shadcn-ui/ui

1 skill · 5.9k installs · 120k stars · GitHub

Install

npx skills add https://github.com/shadcn-ui/ui

Skills in this repo

1Shadcnshadcn from shadcn-ui/ui is the official agent skill for shadcn/ui CLI workflows reading components.json and installed component context via npx shadcn@latest info --json. It enforces using the project package runner—npx, pnpm dlx, or bunx—and documents add, search, docs, init, and preset flows without inventing undocumented flags. Principles prioritize existing registry components over custom UI, composition with Tabs plus Card patterns, built-in variants, and semantic Tailwind tokens like bg-primary instead of raw bg-blue-500. Critical styling rules ban space-x/y in favor of flex gap, require cn() for conditional classes, and forbid manual z-index on overlays. With 4,192 catalog installs, developers reach for shadcn when initializing a design system preset, adding registry components, debugging component styling, or composing dashboards and chat interfaces from source-copied primitives—not for non-shadcn component libraries.5.9kinstalls
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.

shadcn-ui/ui · 1 skills · Skillselion