Componente que não vira gaveta de booleano
Padrões de composição em React que escalam.
vercel-composition-patterns- Peso
- massivo
- 1.098 linhas · 600+ linhas
- Gatilho
- o agente chama
- O agente dispara sozinho quando a descrição bate com a tarefa.
- Encaixe
- livre
- Combina com 1 outra.
O que ela faz
Ataca a proliferação de prop booleana — o componente que ganhou isPrimary, isLarge, hasIcon e virou intratável. Compound components, render props, contexto. Inclui as mudanças de API do React 19.
Quando não usar
Não use para performance. É arquitetura de API de componente.
Combina com
Ficha técnica
- Descrição original
- React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
- Caminho no repo
.agents/skills/vercel-composition-patterns/SKILL.md- SKILL.md
- 90 linhas
- Documentos de apoio
- AGENTS.md · README.md (+1.008 linhas)
- Seções
- When to Apply · Rule Categories by Priority · Quick Reference · How to Use · Full Compiled Document
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