shadcn-ui
Expert guidance for discovering, installing, and customizing shadcn/ui components in your project.
What it does
- Full ownership: Components live in your codebase, not nodemodules
- Complete customization: Modify styling, behavior, and structure freely, including choosing between Radix UI or Base UI primitives
- No version lock-in: Update components selectively at your own pace
- Zero runtime overhead: No library bundle, just the code you need
- List all components: Use listcomponents to see the complete catalog
- Get component metadata: Use getcomponentmetadata to understand props, dependencies, and usage
- View component demos: Use getcomponentdemo to see implementation examples
Requirements & configuration
- Zero runtime overhead: No library bundle, just the code you need
- shadcn/ui components require:
- shadcn/ui v4 requires React 18+ and Next.js 13+ (if using Next.js)
- Some components require specific Radix UI versions
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Expert guidance for discovering, installing, and customizing shadcn/ui components in your project.
Source
Repository: https://github.com/google-labs-code/stitch-skills
shadcn-ui FAQ
What does the shadcn-ui skill do?
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices. Full ownership: Components live in your codebase, not nodemodules Complete customization: Modify styling, behavior, and structure freely, including choosing between Radix UI or Base UI primitives
What does shadcn-ui require?
Zero runtime overhead: No library bundle, just the code you need shadcn/ui components require: shadcn/ui v4 requires React 18+ and Next.js 13+ (if using Next.js) Some components require specific Radix UI versions
How do I install shadcn-ui?
Run: npx -y skills add https://github.com/google-labs-code/stitch-skills --skill shadcn-ui --agent claude-code — the source lives at github.com/google-labs-code/stitch-skills.
Maintain shadcn-ui?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/google-labs-code-stitch-skills-shadcn-ui?ref=badge) npx agentictools info skills/google-labs-code-stitch-skills-shadcn-ui The second line is the CLI lookup for this page — handy in READMEs and docs.
Related skills
expo-tailwind-setup Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web.
huashu-design Huashu-Design · HTML-first prototyping, animations, and design direction for AI agents.
gsap-react Official GSAP integration for React with useGSAP hook, automatic cleanup, and scoped selectors.
gsap-frameworks GSAP animation setup for Vue, Svelte, Nuxt, and other component frameworks with lifecycle management.
frontend-design Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction.
react:components Agent skill from google-labs-code/stitch-skills.