shadcn

shadcn is a Claude skill by shadcn-ui that manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage.

Updated 2026-10-17

What is shadcn?

shadcn is a Claude skill by shadcn-ui that manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage. It is listed under Design & UI and has 125,827 GitHub stars.

TypeClaude skill
Authorshadcn-ui
Repositoryshadcn-ui/ui
Popularity125,827 GitHub stars
CategoryDesign & UI
SecurityLow risk (88/100)
Rank#146 of 1,262 Claude skills; #35 in Design & UI
SKILL.md length296 lines
LicenseMIT
Last commit2026-10-17
Stars this week+479
Installs in the last 24h1,600

Is shadcn safe to install?

shadcn scores 88/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 6 of 9 checks.

Skill results come from a static scan of its SKILL.md for instruction overrides, hidden actions, risky commands and credential access.

CheckResult
No instruction-override phrasesPass
No hidden actionsPass
No pipe-to-shell installersPass
No obfuscated codePass
No destructive commandsPass
Doesn't ask for keys or credentialsPass
Makes network requestsNote
Runs shell commandsNote
Installs packagesNote

What the scan matched

  • network: https://
  • shell: ```bash
  • package install: npx
  • scripts: scripts/showcase-coverage.mjs

How do I install shadcn?

  1. Install with the skills CLI. Works for Claude Code and other agents that read skills.
    npx skills add https://github.com/shadcn-ui/ui --skill shadcn
  2. Or copy it by hand. Claude Code loads any folder with a SKILL.md from ~/.claude/skills.
    git clone https://github.com/shadcn-ui/ui
    cp -r ui/skills/shadcn ~/.claude/skills/shadcn
  3. Use it. Claude loads the skill when a task matches its description. You can also name it in your prompt.
    Use the shadcn skill to …

Or ask Claude to set it up

Paste this into Claude Code and it installs shadcn for you:

Install the "shadcn" skill from https://github.com/shadcn-ui/ui/tree/main/skills/shadcn into ~/.claude/skills, then tell me in one line what it does.