← All skills
shadcn
80 / 100 · Low risk
Fine to try.
By aicodedecode/awesome-muse-skills (GitHub) · design · 59 stars · scanned at commit faf37c0
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
Works with any agent that supports SKILL.md skills.
Partially scanned — some files couldn't be read; we'll retry on the next scan
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 88 places.
Show 17 more
- skills-imported/shadcn/SKILL.md, line 19
npx shadcn@latest info --json - skills-imported/shadcn/SKILL.md, line 23
`npx shadcn@latest docs <component>` to get documentation and example URLs for - skills-imported/shadcn/SKILL.md, line 28
1. **Use existing components first.** Use `npx shadcn@latest search` to check registries before writing custom UI. Check community registries too. - skills-imported/shadcn/SKILL.md, line 59
- **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-imported/shadcn/SKILL.md, line 92
- **Never decode preset codes or build preset URLs manually.** Use `npx shadcn@latest preset decode <code>`, `preset url <code>`, or `preset open <code>`. For p - skills-imported/shadcn/SKILL.md, line 93
- **Apply preset codes directly with the CLI.** Use `npx shadcn@latest apply <code>` for existing projects, or `npx shadcn@latest init --preset <code>` when ini - skills-imported/shadcn/SKILL.md, line 167
- **`preset`** → resolved preset code and values for the current project. Use `npx shadcn@latest preset resolve --json` when you only need preset information. - skills-imported/shadcn/SKILL.md, line 173
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-imported/shadcn/SKILL.md, line 176
npx shadcn@latest docs button dialog select - skills-imported/shadcn/SKILL.md, line 179
**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-imported/shadcn/SKILL.md, line 183
1. **Get project context** — already injected above. Run `npx shadcn@latest info` again if you need to refresh. - skills-imported/shadcn/SKILL.md, line 185
3. **Find components** — `npx shadcn@latest search`. - skills-imported/shadcn/SKILL.md, line 186
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-imported/shadcn/SKILL.md, line 187
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-imported/shadcn/SKILL.md, line 188
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-imported/shadcn/SKILL.md, line 192
- **Inspect current preset**: `npx shadcn@latest preset resolve`. Use `--json` when you need structured values. - skills-imported/shadcn/SKILL.md, line 193
- **Inspect incoming preset**: `npx shadcn@latest preset decode <code>`. Use `preset url <code>` or `preset open <code>` to share or open the preset builder.
and 68 more places
Runs commands on your computer
The author does not mention this.
Found in 3 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/aicodedecode/awesome-muse-skills' "$d" && git -C "$d" checkout --quiet 'faf37c0859ebf627bfcb5225e8057d088691e0ae' -- 'skills-imported/shadcn' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills-imported/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 aicodedecode/awesome-muse-skills shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/aicodedecode/awesome-muse-skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | faf37c0 | 100 |