vercel-composition-patterns

Patrones de composición en React para escalar componentes y evitar la proliferación de props booleanas. Cubre cuatro categorías prioritarias: arquitectura de componentes, gestión de estado, patrones de implementación y APIs de React 19, cada una con reglas específicas y ejemplos de código. Incluye más de 10 patrones nombrados que abordan componentes compuestos, proveedores de contexto, elevación de estado y variantes explícitas. Diseñado para refactorizar componentes inflados, construir bibliotecas reutilizables y revisar decisiones de arquitectura de componentes. React...

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

Descargar ZIP GitHub

Más skills de vercel

benchmark-sandbox

Ejecuta escenarios de evaluación de vercel-plugin en Vercel Sandboxes en lugar de paneles locales de WezTerm. Aprovisiona microVMs efímeras con Claude Code y el plugin preinstalado,…

emil-design-eng

Esta habilidad codifica la filosofía de Emil Kowalski sobre el pulido de la interfaz de usuario, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta genial.

vercel-react-best-practices

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

vercel-react-best-practices

Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…

Producir una guía técnica que enseñe un caso de uso del mundo real mediante ejemplos progresivos. Los conceptos se introducen solo cuando el lector los necesita.

Liberar vercel-plugin — ejecutar gates, aumentar versión, generar artefactos, commit y push. Usar cuando se pida "release", "ship", "bump and push" o "cut a release".

Ejecutar DeepSec contra un checkout de proyecto de Vercel desde dev3000. Usar para configuración de DeepSec con un clic, arranque de contexto de proyecto, procesamiento limitado de primera pasada y…

Hacer backport de un pull request fusionado de Next.js desde canary a una rama de versión anterior, como next-16-2. Usar cuando el usuario solicite hacer backport, cherry-pick o abrir un…