shadcn-ui
Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns. Understands the local component registry and avoids common shadcn anti-patterns during implementation.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill shadcn-uiIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill acts as a stub to help users install the complete shadcn-ui agent skill. It provides standard installation commands pointing to the official shadcn-ui repository.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 2 issues
What does this agent skill do?
shadcn-ui
Catalogue stub — full skill: shadcn-ui/ui
Decision tree
Run this before any shadcn/ui component work:
-
Is the full skill already installed? Check:
~/.design-agent-skills/skills/shadcn-ui/SKILL.mdexists AND does NOT contain adas:block.- Yes → invoke
shadcn-uiand proceed - No → go to step 2
- Yes → invoke
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add shadcn-ui/skills
Or per-agent:
- Claude Code:
claude skills add shadcn-ui/skills - Cursor/OpenCode:
npx skills add shadcn-ui/skills
Invoke after install
- Skill name:
shadcn-ui - Trigger phrases: "shadcn", "shadcn/ui", "shadcn component", "ui component"
What it does
Provides a project-aware workflow for working with shadcn/ui — searching the available component registry, adding components with the correct CLI command, composing components correctly, and fixing common implementation mistakes. Ensures component usage follows shadcn/ui patterns and integrates cleanly with the existing project setup.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/shadcn-ui">View shadcn-ui on skillZs</a>