← All skills
shadcn
80 / 100 · Low risk
Fine to try.
By Asymmetric-al/core (GitHub) · design · 370 stars · scanned at commit 9a2e00f
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", "switch to --preset", and for building a design system or applying a DESIGN.md or brand spec to shadcn/ui.
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 121 places.
Show 17 more
- .agents/skills/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. - .agents/skills/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 - .agents/skills/shadcn/SKILL.md, line 93
- **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 - .agents/skills/shadcn/SKILL.md, line 94
- **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 - .agents/skills/shadcn/SKILL.md, line 168
- **`preset`** → resolved preset code and values for the current project. Use `npx shadcn@latest preset resolve --json` when you only need preset information. - .agents/skills/shadcn/SKILL.md, line 174
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 - .agents/skills/shadcn/SKILL.md, line 177
npx shadcn@latest docs button dialog select - .agents/skills/shadcn/SKILL.md, line 180
**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 - .agents/skills/shadcn/SKILL.md, line 184
1. **Get project context** — already injected above. Run `npx shadcn@latest info` again if you need to refresh. - .agents/skills/shadcn/SKILL.md, line 186
3. **Find components** — `npx shadcn@latest search`. - .agents/skills/shadcn/SKILL.md, line 187
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 - .agents/skills/shadcn/SKILL.md, line 188
5. **Install or update** — `npx shadcn@latest add`. When updating existing components, use `--dry-run` and `--diff` to preview changes first (see [Updating Comp - .agents/skills/shadcn/SKILL.md, line 189
6. **Fix imports in third-party components** — After adding components from community registries (e.g. `@bundui`, `@magicui`), check the added non-UI files for - .agents/skills/shadcn/SKILL.md, line 193
- **Inspect current preset**: `npx shadcn@latest preset resolve`. Use `--json` when you need structured values. - .agents/skills/shadcn/SKILL.md, line 194
- **Inspect incoming preset**: `npx shadcn@latest preset decode <code>`. Use `preset url <code>` or `preset open <code>` to share or open the preset builder. - .agents/skills/shadcn/SKILL.md, line 195
- **Overwrite**: `npx shadcn@latest apply <code>`. Overwrites detected components, fonts, and CSS variables. - .agents/skills/shadcn/SKILL.md, line 196
- **Partial**: `npx shadcn@latest apply <code> --only theme,font`. Updates only the selected preset parts without reinstalling UI components. Supported values a
and 101 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' ] || [ -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/Asymmetric-al/core' "$d" && git -C "$d" checkout --quiet '9a2e00fcb932035143b81aafc7bf95f13da923f4' -- '.agents/skills/shadcn' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/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 Asymmetric-al/core shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/Asymmetric-al/core/)
Score history
| Date | Version | Score |
|---|
| 2026-11-13 | 9a2e00f | 80 |
| 2026-11-09 | f7e94db | 100 |
| 2026-11-07 | bfde43a | 100 |
Also found in
Identical copies of this skill exist at:
- Asymmetric-al/core/.claude/skills/shadcn
- Asymmetric-al/core/.cursor/skills/shadcn