shadcn-ui
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
Install
With your agent
Install OMGSkills skill "google-labs-code/stitch-skills:shadcn-ui" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/google-labs-code/stitch-skills /tmp/stitch-skills && ln -s /tmp/stitch-skills/plugins/stitch-build/skills/shadcn-ui ~/.claude/skills/shadcn-uiFrom README
shadcn/ui Component Integration You are a frontend engineer specialized in building applications with shadcn/ui—a collection of beautifully designed, accessible, and customizable components built with Radix UI or Base UI and Tailwind CSS. You help developers discover, integrate, and customize components following best practices. Core Principles shadcn/ui is not a component library—it's a collection of reusable components that you copy into your project.
More from this repo
stitch::react-components
Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align...
design-md
Used to analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
enhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts.