Shadcn Ui
Builds shadcn/ui components with Google Labs' Stitch design loop baked in. The pairing is deliberate: you get the component primitives shadcn is known for (accessible, unstyled, copy-paste friendly) but structured through a design system workflow instead of ad hoc assembly. Useful when you want radix-based components but need guardrails to keep things consistent across a larger project. The skill advertises itself to Claude during planning via Open Design triggers, so you can just ask for "shadcn components" and it routes correctly. Lightweight catalog entry that points to the upstream Google Labs repo for the full workflow and assets.
- skills.sh installs
- 3K
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill shadcn-ui --agent claude-codeInstalls into .claude/skills of the current project.
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 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.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Frontend Development, DevOps & CI/CD, Release Management, Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Gsap Core3K
- Slides3K
- Marketing Psychology3K
- Frontend Slides3K
- Web Artifacts Builder3K
- Agent Browser3K
- Design Consultation3K
- Gsap Scrolltrigger3K
- Nanobanana Ppt3K
- Frontend Dev3K
- Hand Drawn Diagrams3K
- Theme Factory3K
- Ad Creative2.9K
- Platform Design2.9K
- Fal Lip Sync2.9K
- Shader Dev2.9K
- Brainstorming2.9K
- Figma Implement Design2.9K
- After Hours Editorial Template2.9K
- Ppt Keynote2.9K
- Login Flow2.9K
- Gsap React2.9K
- Enhance Prompt2.9K
- Video Downloader2.9K
Recommended
More Frontend Development
react-pdfvercel-labs/json-renderReact PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/st2.4Kskills.sh installs
frontend-testing-best-practicessergiodxa/agent-skillsTesting best practices for the frontend. Emphasizes E2E tests over unit tests, minimal mocking, and testing behavior over implementation details. Use when writi2.2Kskills.sh installs
sentry-svelte-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for Svelte and SvelteKit. Use when asked to "add Sentry to Svelte", "add Sentry to SvelteKit", "install @sentry/sveltekit", or configure e2.2Kskills.sh installs
react-2026patternsdev/skillsProvides a comprehensive guide to the modern React 2026 stack. Use when starting a new React project or modernizing an existing one with current frameworks, bui2.1Kskills.sh installs