shadcn-ui
google-labs-codeBuild customizable, accessible components into your app.
frontend development
What it does
Guides developers through discovering, installing, customizing, and validating shadcn/ui components in React applications.
When to use it
Use when setting up shadcn/ui or building and customizing application interfaces with its components and blocks.
How to use it
Give it a shadcn/ui integration goal and a project; it installs or customizes components and validates the resulting interface.
What you provide
- An existing project
Uses
Access · 2
This skill
shadcn/ui component catalog
Reads the shadcn/ui catalog
npx shadcn@latest
The latest shadcn CLI
What you need · 4
The project environment should have Node.js 18 or later.
The project should use React 18 or later.
The project should use Tailwind CSS 3.0 or later.
The documented discovery workflow uses the shadcn MCP server to browse and retrieve components.
About this skill
- Visibility
- Public
- Repository
- google-labs-code/stitch-skills
- Created
- Oct 8, 2026
- Updated
- Oct 8, 2026
- Files
- 10