Name: shadcn/ui
Author: shadcn/ui

shadcn/ui

Ajuda que conhece o seu projeto para adicionar, combinar e estilizar componentes shadcn/ui corretamente.

Oficial do fabricantepor shadcn/uiVerificado em 18 de outubro de 2026

Instale shadcn/ui grátis

Deixe seu email e os passos de instalação abrem aqui mesmo: um prompt para colar na sua ferramenta de IA. Vale para as 149 skills.

A skill oficial do projeto shadcn/ui. Ela lê primeiro a configuração do seu projeto, para que o Claude use o framework, os aliases e os componentes instalados certos em vez de adivinhar.

Para quem é

Desenvolvedores frontend
Indie hackers
Vibe coders

Prompts para testar

Com a skill instalada, peça o resultado com suas palavras. Sua ferramenta de IA usa a skill sozinha.

Prompt 1

Adicione um formulário de login com e-mail e senha usando shadcn

Prompt 2

Monte uma página de configurações com abas e um formulário de perfil

Prompt 3

Mude este projeto para um novo preset e atualize o tema

Como instalar

As skills seguem o padrão aberto Agent Skills, então esta não depende de uma única empresa. Escolha a ferramenta de IA que você usa. Na dúvida? A primeira aba cobre a maioria em um passo só.

Mais fácil: cole isto em sua ferramenta de IA

Instale esta skill para mim para que ela funcione em todos os projetos: rode `npx skills add https://github.com/shadcn-ui/ui/tree/main/skills/shadcn -g -y` no meu terminal. Se faltar o Node.js, me diga primeiro como instalar. Quando terminar, confirme que a skill foi instalada e me diga como começar a usar.

Ou faça você mesmo:

Um comando instala a skill nas ferramentas de IA do seu computador. Ele encontra as que você tem e pergunta em quais adicionar: Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode e mais de 60 outras.

$npx skills add https://github.com/shadcn-ui/ui/tree/main/skills/shadcn -g

Você precisa ter o Node.js instalado (grátis, em nodejs.org). A opção -g deixa a skill disponível em todos os projetos.

Bom saber: É ativada em projetos que têm um arquivo components.json.

Libere os passos de instalação

Grátis. Deixe seu email uma vez para liberar os passos de instalação das 149 skills e receber as melhores skills novas todo mês.

Como verificamos

Confirmamos a skill na fonte original em 18 de outubro de 2026: o SKILL.md está onde deveria, os arquivos foram atualizados no último ano e a licença permite o uso. Ainda não a testamos em uma tarefa.