← All skills
shadcn
80 / 100 · Low risk
Fine to try. Some of what it can do is expected: a coding skill usually runs build and test commands.
By anubhavg-icpl/vibe (GitHub) · coding · 13 stars · scanned at commit d51e7ac
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems. Use when you need help with shadcn.
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 83 places.
Show 17 more
- skills/ag-shadcn/SKILL.md, line 34
1. **Use existing components first.** Use `npx shadcn@latest search` to check registries before writing custom UI. Check community registries too. - skills/ag-shadcn/SKILL.md, line 65
- **Use `asChild` (radix) or `render` (base) for custom triggers.** Check `base` field from `npx shadcn@latest info`. → [base-vs-radix.md](./rules/base-vs-radix - skills/ag-shadcn/SKILL.md, line 90
- **Never decode or fetch preset codes manually.** Pass them directly to `npx shadcn@latest init --preset <code>`. - skills/ag-shadcn/SKILL.md, line 168
Run `npx shadcn@latest docs <component>` to get the URLs for a component's documentation, examples, and API reference. Fetch these URLs to get the actual conten - skills/ag-shadcn/SKILL.md, line 171
npx shadcn@latest docs button dialog select - skills/ag-shadcn/SKILL.md, line 174
**When creating, fixing, debugging, or using a component, always run `npx shadcn@latest docs` and fetch the URLs first.** This ensures you're working with the c - skills/ag-shadcn/SKILL.md, line 178
1. **Get project context** — already injected above. Run `npx shadcn@latest info` again if you need to refresh. - skills/ag-shadcn/SKILL.md, line 180
3. **Find components** — `npx shadcn@latest search`. - skills/ag-shadcn/SKILL.md, line 181
4. **Get docs and examples** — run `npx shadcn@latest docs <component>` to get URLs, then fetch them. Use `npx shadcn@latest view` to browse registry items you - skills/ag-shadcn/SKILL.md, line 182
5. **Install or update** — `npx shadcn@latest add`. When updating existing components, use `--dry-run` and `--diff` to preview changes first (see [Updating Comp - skills/ag-shadcn/SKILL.md, line 183
6. **Fix imports in third-party components** — After adding components from community registries (e.g. `@bundui`, `@magicui`), check the added non-UI files for - skills/ag-shadcn/SKILL.md, line 187
- **Reinstall**: `npx shadcn@latest init --preset <code> --force --reinstall`. Overwrites all components. - skills/ag-shadcn/SKILL.md, line 188
- **Merge**: `npx shadcn@latest init --preset <code> --force --no-reinstall`, then run `npx shadcn@latest info` to list installed components, then for each inst - skills/ag-shadcn/SKILL.md, line 189
- **Skip**: `npx shadcn@latest init --preset <code> --force --no-reinstall`. Only updates config and CSS, leaves components as-is. - skills/ag-shadcn/SKILL.md, line 195
1. Run `npx shadcn@latest add <component> --dry-run` to see all files that would be affected. - skills/ag-shadcn/SKILL.md, line 196
2. For each file, run `npx shadcn@latest add <component> --diff <file>` to see what changed upstream vs local. - skills/ag-shadcn/SKILL.md, line 207
npx shadcn@latest init --name my-app --preset base-nova
and 63 more places
Runs commands on your computer
The author does not mention this. It runs automatically when the plugin is installed. Expected for a coding skill.
Found in 64 places.
Show 17 more
- .claude/settings.json, line 19
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" pre-edit'", - .claude/settings.json, line 31
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-edit'", - .claude/settings.json, line 41
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-bash'", - .claude/settings.json, line 52
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" route'", - .claude/settings.json, line 63
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-restore'", - .claude/settings.json, line 68
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" import'", - .claude/settings.json, line 79
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'", - .claude/settings.json, line 90
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/auto-memory-hook.mjs\" sync'", - .claude/settings.json, line 102
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" compact-manual'" - .claude/settings.json, line 106
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'", - .claude/settings.json, line 116
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" compact-auto'" - .claude/settings.json, line 120
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" session-end'", - .claude/settings.json, line 131
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" status'", - .claude/settings.json, line 142
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" post-task'", - .claude/settings.json, line 153
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/hook-handler.cjs\" notify'", - .claude/settings.json, line 162
"command": "sh -c 'exec node \"${CLAUDE_PROJECT_DIR:-.}/.claude/helpers/statusline.cjs\"'" - .mcp.json, line 4
"command": "npx",
and 44 more places
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/anubhavg-icpl/vibe' "$d" && git -C "$d" checkout --quiet 'd51e7ac9a34111cd2e63daed83c2198f91570050' -- 'skills/ag-shadcn' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/ag-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 anubhavg-icpl/vibe shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/anubhavg-icpl/vibe/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | d51e7ac | 80 |