Composition Patterns

Composition Patterns fournit à un agent de programmation un cadre pratique pour améliorer l’architecture de composants React réutilisables. Il est particulièrement utile lorsqu’un composant a accumulé trop d’options de configuration, un état fortement couplé ou une API qui devient plus difficile à comprendre à chaque nouveau cas d’usage. Le contenu tient également compte des conventions pertinentes de React 19.

Points forts

• Guide les décisions d’architecture concernant les composants composés et leurs API publiques
• Aide à séparer la gestion de l’état des éléments visuels qui l’utilisent
• Encourage la création de variantes dédiées lorsque des comportements différents nécessitent des interfaces distinctes
• Couvre la coordination par contexte entre les différentes parties d’un composant
• Comprend des fichiers de règles ciblés avec des exemples de code pour chaque problème de conception

Cette compétence s’adresse aux ingénieurs frontend, aux responsables de systèmes de design et aux équipes qui demandent à des agents de programmation de remanier leurs fondations d’interface partagées. Elle peut servir aussi bien à l’implémentation qu’à l’examen de l’architecture, sans nécessiter de serveur MCP ni d’outil externe particulier. Installez-la depuis la collection publique agent-skills de Vercel avec la commande Skills CLI documentée ; le dossier de la compétence contient des conseils et des références de règles, plutôt que des scripts utilitaires exécutables.