Shadcn Ui
- 1.8k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
shadcn/ui Open Design catalogue skill.
About
The shadcn-ui Open Design catalogue skill builds UI components with shadcn/ui pairing Stitch design loop for structured accessible components quickly. Curated from Google Labs skills upstream. Catalogue advertises for agent planning discovery; install upstream bundle into active agent for full assets scripts references. Triggers shadcn shadcn ui accessible components. Use shipping structured accessible React UI with shadcn patterns when Open Design discovery routes to this design-system entry. shadcn/ui accessible component patterns. Pairs with Stitch design loop. Open Design catalogue discovery. Upstream Google Labs skills bundle. Install upstream for full workflow assets. shadcn/ui Open Design catalogue skill. User asks shadcn ui components.
- shadcn/ui accessible component patterns.
- Pairs with Stitch design loop.
- Open Design catalogue discovery.
- Upstream Google Labs skills bundle.
- Install upstream for full workflow assets.
Shadcn Ui by the numbers
- 1,831 all-time installs (skills.sh)
- +124 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #244 of 2,277 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 28, 2026 (Skillselion catalog sync)
shadcn-ui capabilities & compatibility
- Capabilities
- accessible components · design system
- Use cases
- frontend · ui design
npx skills add https://github.com/nexu-io/open-design --skill shadcn-uiAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.8k |
|---|---|
| repo stars | ★ 82k |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
Build accessible shadcn components?
Build accessible UI with shadcn/ui components paired with Stitch design loop for structured delivery.
Who is it for?
Frontend devs using shadcn.
Skip if: Non-React UI.
When should I use this skill?
User asks shadcn ui components.
What you get
Structured shadcn UI component guidance.
- shadcn/ui component code
- Accessible UI structure
By the numbers
- Declares 4 explicit activation triggers including shadcn ui and accessible components
Files
shadcn-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 Open Design 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/skillsThen ask the agent to invoke this skill by name (shadcn-ui) or with one of the trigger phrases listed in this skill's frontmatter.
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.576k29.4kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.261k29.4k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.249k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita201k66.9kVercel React Native SkillsEnsure AI agents generate and refactor React Native code that follows performance best practices without common rendering and list pitfalls.173k29.4kHow it compares
Choose shadcn-ui for copy-into-repo Radix-based components; pick generic frontend-design skills for bespoke visual exploration outside shadcn/ui.
FAQ
What it pairs with?
Stitch design loop for structured delivery.
Full assets?
Install upstream Google Labs skills bundle.
Category?
design-systems in Open Design.