← All skills
shadcn
82 / 100 · Low risk
Fine to try.
By manu14357/zskills (GitHub) · design · 16 stars · scanned at commit d342cd8
Complete shadcn/ui component management for adding, searching, fixing, styling, and composing UI in any React project. Use this skill whenever the user mentions shadcn, shadcn/ui, adding UI components, building forms or dashboards with Radix, working with component registries (@shadcn, @magicui, @tailark), or any task involving npx shadcn CLI commands. Also trigger when the user asks to fix styling issues, build a settings page, dashboard, or modal flow in a project that uses shadcn/ui — even i…
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 34 places.
Show 17 more
- skills/shadcn/SKILL.md, line 116
- **Never decode or fetch preset codes manually.** Pass them directly to `npx shadcn@latest apply --preset <code>`. - skills/shadcn/SKILL.md, line 200
npx shadcn@latest info --json - skills/shadcn/SKILL.md, line 210
npx shadcn@latest search @shadcn -q "sidebar" - skills/shadcn/SKILL.md, line 211
npx shadcn@latest search @magicui -q "shimmer" - skills/shadcn/SKILL.md, line 212
npx shadcn@latest search @tailark -q "stats" - skills/shadcn/SKILL.md, line 217
npx shadcn@latest docs button dialog select - skills/shadcn/SKILL.md, line 223
npx shadcn@latest add button --dry-run - skills/shadcn/SKILL.md, line 224
npx shadcn@latest add button --diff button.tsx - skills/shadcn/SKILL.md, line 229
npx shadcn@latest add button card dialog - skills/shadcn/SKILL.md, line 230
npx shadcn@latest add @magicui/shimmer-button - skills/shadcn/SKILL.md, line 235
Use `npx shadcn@latest info` to get the correct `ui` alias and rewrite accordingly. - skills/shadcn/SKILL.md, line 255
npx shadcn@latest add <component> --dry-run - skills/shadcn/SKILL.md, line 258
npx shadcn@latest add <component> --diff <file> - skills/shadcn/SKILL.md, line 276
| Overwrite | `npx shadcn@latest apply --preset <code>` | Overwrites components, fonts, CSS variables | - skills/shadcn/SKILL.md, line 277
| Merge | `npx shadcn@latest init --preset <code> --force --no-reinstall` then diff each component | Updates config and CSS, smart-merges components | - skills/shadcn/SKILL.md, line 278
| Skip | `npx shadcn@latest init --preset <code> --force --no-reinstall` | Updates config and CSS only, leaves components untouched | - skills/shadcn/SKILL.md, line 291
npx shadcn@latest init --name my-app --preset base-nova
and 14 more places
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 8 places.
Show 5 more
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'shadcn' ] || [ -L ~/.agents/skills/'shadcn' ]; then echo 'A skill folder named shadcn already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/manu14357/zskills' "$d" && git -C "$d" checkout --quiet 'd342cd81bcf923871c7982f49458109b101b1ff9' -- 'skills/shadcn' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/shadcn' ~/.agents/skills/'shadcn' && 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' ~/.claude/skills/'shadcn' (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 manu14357/zskills shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/manu14357/zskills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-14 | d342cd8 | 82 |