Diretório da Vercel
Construir componente
Acessibilidade, API componível, tema, publicação em registro e documentação.
building-components- Peso
- leve
- 38 linhas · até 60 linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- livre
- Combina com 2 outras.
O que ela faz
O complemento da vercel-composition-patterns: aquela decide a forma da API, esta cobre o ciclo completo até publicar.
Quando não usar
Não use para revisar interface pronta — isso é web-design-guidelines.
Ficha técnica
- Descrição original
- Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.
- Caminho no repo
skills/building-components/SKILL.md- SKILL.md
- 38 linhas
- Seções
- When to use this skill · References
Instalar — vem com o pacote inteiro (25 skills)
CLI skills
No terminal, de qualquer diretório.
npx skills add vercel-labs/agent-skills
O mesmo time publica o `npx skills` que instala quase tudo neste site.
→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+
Onde cai no disco
~/.agents/skills/ + symlink em ~/.claude/skills/
Sair
npx skills remove vercel-labs/agent-skillsDo mesmo pacote