← All skills
shadcn-ui
65 / 100 · Review before installing
Check before installing.
By MadAppGang/claude-code (GitHub) · design · 288 stars · scanned at commit 6097ad4
Use when implementing UI components with shadcn/ui. Covers component installation, configuration with Vite/TanStack Router, CLI commands, and integration with Tailwind CSS.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 41 places.
Show 17 more
- plugins/frontend/skills/shadcn-ui/SKILL.md, line 35
npx shadcn@latest add --all - plugins/frontend/skills/shadcn-ui/SKILL.md, line 38
npx shadcn@latest diff - plugins/frontend/skills/shadcn-ui/SKILL.md, line 41
npx shadcn@latest add - plugins/frontend/skills/shadcn-ui/SKILL.md, line 108
npx create-tsrouter-app@latest my-app --template file-router --tailwind --add-ons shadcn - plugins/frontend/skills/shadcn-ui/SKILL.md, line 114
npx shadcn@latest add button - plugins/frontend/skills/shadcn-ui/SKILL.md, line 218
npx shadcn@latest init - plugins/frontend/skills/shadcn-ui/SKILL.md, line 225
npx shadcn@latest add button - plugins/frontend/skills/shadcn-ui/SKILL.md, line 444
npx shadcn@latest add button - plugins/frontend/skills/shadcn-ui/SKILL.md, line 593
"command": "npx", - plugins/frontend/skills/shadcn-ui/SKILL.md, line 628
npx shadcn@latest add button input form label card - plugins/frontend/skills/shadcn-ui/SKILL.md, line 631
npx shadcn@latest add sidebar navigation-menu breadcrumb avatar dropdown-menu - plugins/frontend/skills/shadcn-ui/SKILL.md, line 634
npx shadcn@latest add table data-table pagination skeleton - plugins/frontend/skills/shadcn-ui/SKILL.md, line 637
npx shadcn@latest add form field input select checkbox radio-group switch calendar date-picker combobox - plugins/frontend/skills/shadcn-ui/SKILL.md, line 640
npx shadcn@latest add alert toast dialog alert-dialog - plugins/frontend/skills/shadcn-ui/SKILL.md, line 906
2. Initialize shadcn/ui: `npx shadcn@latest init` - plugins/frontend/skills/shadcn-ui/SKILL.md, line 907
3. Install base components: `npx shadcn@latest add button card` - plugins/frontend/agents/ui-developer.md, line 631
npx tsc --noEmit
and 21 more places
Runs commands on your computer
The author does not mention this. It runs automatically when the plugin is installed.
Found in 14 places.
Show 11 more
- plugins/frontend/skills/shadcn-ui/SKILL.md, line 142
npm create vite@latest - plugins/frontend/skills/shadcn-ui/SKILL.md, line 149
npm install tailwindcss @tailwindcss/vite - plugins/frontend/skills/shadcn-ui/SKILL.md, line 194
npm install -D @types/node - plugins/frontend/skills/shadcn-ui/SKILL.md, line 218
npx shadcn@latest init - plugins/frontend/skills/shadcn-ui/SKILL.md, line 225
npx shadcn@latest add button - plugins/frontend/skills/shadcn-ui/SKILL.md, line 254
npm install class-variance-authority clsx tailwind-merge lucide-react tw-animate-css - plugins/frontend/skills/shadcn-ui/SKILL.md, line 444
npx shadcn@latest add button - plugins/frontend/skills/shadcn-ui/SKILL.md, line 628
npx shadcn@latest add button input form label card - plugins/frontend/.mcp.json, line 3
"command": "npx", - plugins/frontend/.mcp.json, line 11
"command": "npx", - plugins/frontend/.mcp.json, line 18
"command": "npx",
Connects to the internet
The author does not mention this.
Found in 1 place.
Changes files outside its own folder
The author does not mention this.
Found in 6 places.
Show 3 more
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Other copies in this repository
MadAppGang/claude-code has 1 more folder with a skill named shadcn-ui. This page shows the lowest-scoring copy.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'shadcn-ui' ] || [ -L ~/.agents/skills/'shadcn-ui' ]; then echo 'A skill folder named shadcn-ui already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/MadAppGang/claude-code' "$d" && git -C "$d" checkout --quiet '6097ad4643f23b7645a9c99c329887b623b32e57' -- 'plugins/frontend/skills/shadcn-ui' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/frontend/skills/shadcn-ui' ~/.agents/skills/'shadcn-ui' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'shadcn-ui' ~/.claude/skills/'shadcn-ui' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for MadAppGang/claude-code shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/MadAppGang/claude-code/)
Score history
| Date | Version | Score |
|---|
| 2026-11-12 | 6097ad4 | 65 |