← All skills
shadcn-ui
75 / 100 · Review before installing
Check before installing.
By onfire7777/universal-ai-skills-library (GitHub) · design · 17 stars · scanned at commit 2a76bf4
Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructure, when adding components, building forms, creating data tables, or setting up navigation.
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 26 places.
Show 17 more
- skills/shadcn-ui/SKILL.md, line 30
pnpm dlx shadcn@latest add form # needs: react-hook-form, zod, @hookform/resolvers - skills/shadcn-ui/SKILL.md, line 31
pnpm dlx shadcn@latest add textarea select checkbox switch - skills/shadcn-ui/SKILL.md, line 34
pnpm dlx shadcn@latest add toast # needs: sonner - skills/shadcn-ui/SKILL.md, line 35
pnpm dlx shadcn@latest add alert badge - skills/shadcn-ui/SKILL.md, line 38
pnpm dlx shadcn@latest add dialog sheet popover dropdown-menu - skills/shadcn-ui/SKILL.md, line 41
pnpm dlx shadcn@latest add table # for data tables, also: @tanstack/react-table - skills/shadcn-ui/SKILL.md, line 42
pnpm dlx shadcn@latest add tabs separator avatar - skills/shadcn-ui/SKILL.md, line 45
pnpm dlx shadcn@latest add navigation-menu command - skills/shadcn-ui/references/component-catalogue.md, line 8
pnpm dlx shadcn@latest add button - skills/shadcn-ui/references/component-catalogue.md, line 23
pnpm dlx shadcn@latest add input label - skills/shadcn-ui/references/component-catalogue.md, line 38
pnpm dlx shadcn@latest add card - skills/shadcn-ui/references/component-catalogue.md, line 55
pnpm dlx shadcn@latest add form - skills/shadcn-ui/references/component-catalogue.md, line 66
pnpm dlx shadcn@latest add dialog - skills/shadcn-ui/references/component-catalogue.md, line 90
pnpm dlx shadcn@latest add sheet - skills/shadcn-ui/references/component-catalogue.md, line 110
pnpm dlx shadcn@latest add table - skills/shadcn-ui/references/component-catalogue.md, line 134
pnpm dlx shadcn@latest add select - skills/shadcn-ui/references/component-catalogue.md, line 152
pnpm dlx shadcn@latest add toast
and 6 more places
Runs commands on your computer
The author does not mention this.
Found in 2 places.
Connects to the internet
The author does not mention this.
Found in 1 place.
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'shadcn-ui' ] || [ -L ~/.agents/skills/'shadcn-ui' ]; then echo 'A skill folder named shadcn-ui already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/onfire7777/universal-ai-skills-library' "$d" && git -C "$d" checkout --quiet '2a76bf42ce5c860adf8d0f3fcf3f6804109ac65b' -- 'skills/shadcn-ui' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/shadcn-ui' ~/.agents/skills/'shadcn-ui' && 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-ui' ~/.claude/skills/'shadcn-ui' (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 onfire7777/universal-ai-skills-library shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/onfire7777/universal-ai-skills-library/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | 2a76bf4 | 100 |