← All skills
shadcn
80 / 100 · Low risk
Fine to try.
By artubss/SKILLS-CLAUDE-CODE (GitHub) · design · 11 stars · scanned at commit ac67ed8
Gerencia componentes e projetos shadcn/ui, fornecendo contexto, documentação e padrões de uso para construir sistemas de design modernos.
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 73 places.
Show 17 more
- skills/skills/web-development/shadcn/SKILL.md, line 32
1. **Use componentes existentes primeiro.** Use `npx shadcn@latest search` para verificar registros antes de escrever UI personalizada. Verifique registros da c - skills/skills/web-development/shadcn/SKILL.md, line 63
- **Use `asChild` (radix) ou `render` (base) para triggers customizados.** Verifique campo `base` de `npx shadcn@latest info`. → [base-vs-radix.md](./rules/base - skills/skills/web-development/shadcn/SKILL.md, line 88
- **Nunca decodifique ou busque códigos preset manualmente.** Passe-os diretamente para `npx shadcn@latest init --preset <code>`. - skills/skills/web-development/shadcn/SKILL.md, line 166
Execute `npx shadcn@latest docs <component>` para obter as URLs para documentação, exemplos e referência de API de um componente. Busque estas URLs para obter o - skills/skills/web-development/shadcn/SKILL.md, line 169
npx shadcn@latest docs button dialog select - skills/skills/web-development/shadcn/SKILL.md, line 172
**Ao criar, corrigir, depurar ou usar um componente, sempre execute `npx shadcn@latest docs` e busque as URLs primeiro.** Isto garante que você está trabalhando - skills/skills/web-development/shadcn/SKILL.md, line 176
1. **Obtenha contexto do projeto** — já injetado acima. Execute `npx shadcn@latest info` novamente se precisar atualizar. - skills/skills/web-development/shadcn/SKILL.md, line 178
3. **Encontre componentes** — `npx shadcn@latest search`. - skills/skills/web-development/shadcn/SKILL.md, line 179
4. **Obtenha docs e exemplos** — execute `npx shadcn@latest docs <component>` para obter URLs, depois busque-as. Use `npx shadcn@latest view` para navegar itens - skills/skills/web-development/shadcn/SKILL.md, line 180
5. **Instale ou atualize** — `npx shadcn@latest add`. Ao atualizar componentes existentes, use `--dry-run` e `--diff` para visualizar alterações primeiro (veja - skills/skills/web-development/shadcn/SKILL.md, line 181
6. **Corrija imports em componentes de terceiros** — Após adicionar componentes de registros da comunidade (ex: `@bundui`, `@magicui`), verifique os arquivos nã - skills/skills/web-development/shadcn/SKILL.md, line 185
- **Reinstalar**: `npx shadcn@latest init --preset <code> --force --reinstall`. Sobrescreve todos os componentes. - skills/skills/web-development/shadcn/SKILL.md, line 186
- **Mesclar**: `npx shadcn@latest init --preset <code> --force --no-reinstall`, depois execute `npx shadcn@latest info` para listar componentes instalados, depo - skills/skills/web-development/shadcn/SKILL.md, line 187
- **Pular**: `npx shadcn@latest init --preset <code> --force --no-reinstall`. Apenas atualiza config e CSS, deixa componentes como estão. - skills/skills/web-development/shadcn/SKILL.md, line 193
1. Execute `npx shadcn@latest add <component> --dry-run` para ver todos os arquivos que seriam afetados. - skills/skills/web-development/shadcn/SKILL.md, line 194
2. Para cada arquivo, execute `npx shadcn@latest add <component> --diff <file>` para ver o que mudou na upstream vs local. - skills/skills/web-development/shadcn/SKILL.md, line 205
npx shadcn@latest init --name my-app --preset base-nova
and 53 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/artubss/SKILLS-CLAUDE-CODE' "$d" && git -C "$d" checkout --quiet 'ac67ed85889b15fa9e784e2a93a83f8916870698' -- 'skills/skills/web-development/shadcn' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/skills/web-development/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 artubss/SKILLS-CLAUDE-CODE shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/artubss/SKILLS-CLAUDE-CODE/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | ac67ed8 | 85 |