La méthode de travail
Building Components guide les décisions techniques d’une bibliothèque UI réutilisable. Il dirige l’agent vers des références ciblées sur la composition, le clavier, la gestion d’état, les interfaces TypeScript et les styles. Le point d’entrée couvre primitives, composants, blocs et modèles afin d’adapter le niveau d’abstraction au livrable réel.
Ce skill convient à un composant destiné à plusieurs consommateurs plutôt qu’à un écran isolé. Il réunit conception d’API, accessibilité et distribution. La source est surtout un index de références : les fichiers liés font partie du skill utilisable et doivent accompagner le fichier d’entrée.
Livrables attendus
- Pour une demande d’implémentation, un composant doté d’un modèle explicite de composition et d’état.
- Pour une demande documentaire, un guide d’utilisation couvrant l’API du composant et les comportements pertinents.
- Un plan adapté de packaging ou de registre lorsque la distribution fait partie de la demande.
Du brief à la revue
- 01Définir le contrat du composant
Déterminez si la tâche concerne une primitive, un composant, un bloc ou un modèle. Établissez son interface publique et les contextes dans lesquels les appelants le composeront.
- 02Lire les références techniques pertinentes
Consultez state.mdx pour l’état contrôlé ou non contrôlé, composition.mdx pour le modèle de composition public et accessibility.mdx pour le clavier et le focus. Utilisez types.mdx et styling.mdx pour l’implémentation. Ajoutez les références de polymorphisme ou d’as-child uniquement si les appelants ont besoin de ces formes d’API.
- 03Implémenter et documenter l’interface
Reliez état et présentation par l’API choisie. Expliquez l’usage prévu et ne choisissez npm, un registre ou un autre canal documenté que si nécessaire.