Reacciona con patrones de composición que escalan. Úselo al refactorizar componentes con proliferación de accesorios booleanos, crear bibliotecas de componentes flexibles o diseñar API reutilizables. Activadores de tareas que involucran componentes compuestos, accesorios de renderizado, proveedores de contexto o arquitectura de componentes. Incluye cambios en la API de React 19.
Instala rápidamente el skill de IA vercel-composition-patterns en tu entorno de desarrollo mediante línea de comandos
Fuente: petekp/claude-code-setup.
Composition patterns for building flexible, maintainable React components. Avoid boolean prop proliferation by using compound components, lifting state, and composing internals. These patterns make codebases easier for both humans and AI agents to work with as they scale.
| 1 | Component Architecture | HIGH | architecture- | | 2 | State Management | MEDIUM | state- | | 3 | Implementation Patterns | MEDIUM | patterns- | | 4 | React 19 APIs | MEDIUM | react19- |
⚠️ React 19+ only. Skip this section if using React 18 or earlier.
Reacciona con patrones de composición que escalan. Úselo al refactorizar componentes con proliferación de accesorios booleanos, crear bibliotecas de componentes flexibles o diseñar API reutilizables. Activadores de tareas que involucran componentes compuestos, accesorios de renderizado, proveedores de contexto o arquitectura de componentes. Incluye cambios en la API de React 19. Fuente: petekp/claude-code-setup.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patternsReacciona con patrones de composición que escalan. Úselo al refactorizar componentes con proliferación de accesorios booleanos, crear bibliotecas de componentes flexibles o diseñar API reutilizables. Activadores de tareas que involucran componentes compuestos, accesorios de renderizado, proveedores de contexto o arquitectura de componentes. Incluye cambios en la API de React 19. Fuente: petekp/claude-code-setup.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/petekp/claude-code-setup --skill vercel-composition-patterns Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/petekp/claude-code-setup