← All skills
shadcn-vue
80 / 100 · Low risk
Fine to try.
By mmtaee/ocserv-dashboard (GitHub) · design · 278 stars · scanned at commit e8b2509
Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn-vue, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn-vue init", "create an app with --preset", or "switch to --preset".
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 56 places.
Show 17 more
- web/admin/.agents/skills/shadcn-vue/SKILL.md, line 24
1. **Use existing components first.** Use `npx shadcn-vue@latest search` to check registries before writing custom UI. Check community registries too. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 79
- **Apply preset codes directly with the CLI.** Use `npx shadcn-vue@latest apply <code>` for existing projects, or `npx shadcn-vue@latest init --preset <code>` - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 166
Run `npx shadcn-vue@latest docs <component>` to get the URLs for a component's documentation, examples, and API reference. Fetch these URLs to get the actual co - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 169
npx shadcn-vue@latest docs button dialog select - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 172
**When creating, fixing, debugging, or using a component, always run `npx shadcn-vue@latest docs` and fetch the URLs first.** This ensures you're working with t - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 176
1. **Get project context** — already injected above. Run `npx shadcn-vue@latest info` again if you need to refresh. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 178
3. **Find components** — `npx shadcn-vue@latest search`. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 179
4. **Get docs and examples** — run `npx shadcn-vue@latest docs <component>` to get URLs, then fetch them. Use `npx shadcn-vue@latest view` to browse registry it - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 180
5. **Install or update** — `npx shadcn-vue@latest add`. When updating existing components, use `--dry-run` and `--diff` to preview changes first (see [Updating - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 181
6. **Fix imports in third-party components** — After adding components from community registries, check the added non-UI files for hardcoded import paths like ` - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 185
- **Overwrite**: `npx shadcn-vue@latest apply <code>`. Overwrites detected components, fonts, and CSS variables. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 186
- **Merge**: `npx shadcn-vue@latest init --preset <code> --force --no-reinstall`, then run `npx shadcn-vue@latest info` to list installed components, then for e - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 187
- **Skip**: `npx shadcn-vue@latest init --preset <code> --force --no-reinstall`. Only updates config and CSS, leaves components as-is. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 194
1. Run `npx shadcn-vue@latest add <component> --dry-run` to see all files that would be affected. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 195
2. For each file, run `npx shadcn-vue@latest add <component> --diff <file>` to see what changed upstream vs local. - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 206
npx shadcn-vue@latest init --name my-app --preset nova - web/admin/.agents/skills/shadcn-vue/SKILL.md, line 207
npx shadcn-vue@latest init --name my-app --preset a2r6bw --template vite
and 36 more places
Runs commands on your computer
The author does not mention this.
Found in 2 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'shadcn-vue' ] || [ -L ~/.agents/skills/'shadcn-vue' ]; then echo 'A skill folder named shadcn-vue already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/mmtaee/ocserv-dashboard' "$d" && git -C "$d" checkout --quiet 'e8b2509b4b820fa235503921bf6cd2c68d4caf0d' -- 'web/admin/.agents/skills/shadcn-vue' && mkdir -p ~/.agents/skills && cp -R "$d"/'web/admin/.agents/skills/shadcn-vue' ~/.agents/skills/'shadcn-vue' && 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-vue' ~/.claude/skills/'shadcn-vue' (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 mmtaee/ocserv-dashboard shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/mmtaee/ocserv-dashboard/)
Score history
| Date | Version | Score |
|---|
| 2026-11-12 | e8b2509 | 80 |