About shadcn-ui
shadcn-ui is a design skill for agents that build structured, accessible UI components with shadcn/ui, paired with the Stitch design loop.
Key features
- 01Build shadcn/ui components
- 02Structure UI components
- 03Create accessible components
- 04Pair with the Stitch design loop
Use cases
- 01Building accessible interface components
- 02Applying the Stitch design loop to UI work
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/shadcn-uiin Claude Code to confirm it loaded.
Details
From the project READMEshadcn-ui
Curated from Google Labs (Stitch).
What it does
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Source
- Upstream: https://github.com/google-labs-code/skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
Then ask the agent to invoke this skill by name (shadcn-ui) or with
one of the trigger phrases listed in this skill's frontmatter.