Pular para o conteúdo

shadcn/ui

“O agente precisa do registro, não da memória.”

Autor do shadcn/ui, a coleção de componentes que virou o padrão de facto do React moderno.

2
skills
3.883
linhas
2
automáticas
MIT
licença

O ensaio

Duas skills publicadas pelo próprio autor da biblioteca, e o valor delas é o mesmo do pacote do Remotion: um agente treinado até certa data sabe a versão antiga do shadcn e escreve componente que não existe mais. A skill principal lê o components.json do projeto, consulta o registro de verdade e trabalha com o que está instalado. A segunda resolve um caso único e datado — a migração de Radix para Base UI — que é exatamente o tipo de trabalho mecânico e arriscado em que um agente é bom e a memória dele é ruim.

Instalar

CLI skills

No terminal, de qualquer diretório.

  1. npx skills add shadcn/ui

O nome `shadcn` é disputado: o json-render publica uma skill homônima. Se a sua responde sobre @json-render/shadcn em vez de components.json, reinstale este pacote por último.

O que essa instalação faz na sua máquinaFechar

Como o método funciona

O gerenciador da Vercel Labs. Usa o GitHub como registro, copia para ~/.agents/skills e cria symlink para cada agente instalado na máquina.

Precisa ter

  • Node 18+
  • Um projeto com components.json para a skill principal ter o que ler

Onde cai no disco

~/.agents/skills/shadcn/ e ~/.agents/skills/migrate-radix-to-base/

Sair

npx skills remove shadcn/ui

As 2 skills

  • O registro, não a memória

    Gerencia componentes e projetos shadcn: adicionar, buscar, corrigir, compor.

  • De Radix para Base UI

    Migra projeto ou componente de Radix UI para Base UI.

Outros pacotes