Configuration
Essayer un plugin
Le plugin Design est fourni avec /design-handoff et d'autres compétences de système de design comme point de départ, déjà structuré pour inventorier les composants et faire des références croisées sur leur emplacement. Si votre administrateur gère les plugins et qu'il n'est pas encore disponible, ignorez cette étape ; rien ci-dessous n'en nécessite l'usage.
/design-handoffGenerate developer handoff specs from a design./research-synthesisSynthesize user research into themes, insights, and recommendations.Connectez vos outils
Claude Cowork est plus puissant lorsqu'il fonctionne directement avec vos systèmes. Vous contrôlez les permissions et l'accès. En savoir plus sur l'accès aux outils(s’ouvre dans un nouvel onglet).
Accédez à Personnaliser → Connecteurs dans Cowork pour configurer.
Définissez votre dossier de travail
Faites glisser les fichiers que vous utiliserez (un export Figma du système de design, des captures d'écran des surfaces que vous connaissez déjà, le plan du site du produit) dans un seul dossier et pointez Cowork vers celui-ci. Cowork lit depuis ce dossier et y écrit l'audit en retour. Créez un projet Cowork(s’ouvre dans un nouvel onglet) à partir de votre dossier de système de design afin que l'inventaire des composants et la carte de propriété restent attachés pour chaque audit.
Le prompt
Copiez ceci dans Claude Cowork
Avant de proposer un nouveau pattern de filtre en ligne pour la page de résultats de recherche, trouvez chaque surface de notre produit utilisant quelque chose de similaire (puces, contrôles segmentés, filtres déroulants, barres latérales à facettes). Pour chacune, montrez une capture d'écran ou un lien Figma, notez quelle équipe en est propriétaire et comment elle a performé (engagement ou conversion si nous l'avons). Dites-moi quel pattern réutiliser et pourquoi.
Pourquoi cela fonctionne
Nommez les variantes à rechercher. Puces, contrôles segmentés, menus déroulants, facettes sont les façons dont la même intention apparaît sous des noms différents ; les nommer élargit la recherche.
Demandez le propriétaire. Vous devrez parler à cette équipe de toute façon ; l'audit fait aussi office de liste de parties prenantes.
Appuyez la recommandation sur des données. « Comment cette surface a performé » transforme la recommandation d'une question de goût en preuve pour la critique de design.
Placez votre liste de référence dans le dossier. Cowork part de votre liste de composants, puis vérifie dans le produit en production ce qui a dérivé.
Obtenez un meilleur brouillon
Demandez le plan de consolidation. Ajoutez « si je dois en réutiliser un, listez quelles autres surfaces devraient aussi migrer vers celui-ci » et l'audit devient un élément de la feuille de route du système de design.
Ajoutez une capture d'écran de la destination. Déposez une capture d'écran de l'endroit où le pattern va s'appliquer et Cowork évalue l'adéquation, pas seulement le précédent.
Faites travailler Cowork pour vous
Une compétence de plugin est un point de départ — personnalisez-la avec vos propres pratiques et votre expertise. Quelques minutes de conversation et elle fonctionne ensuite selon vos standards.
Transformez ce que nous avons fait dans cette tâche jusqu'à présent en une compétence, ou modifiez la compétence /design-handoff avec mes retours.
Rendez-le reproductible
Faites-en la première étape par défaut
Cet audit devrait s'exécuter avant que tout nouveau pattern n'entre en revue. Enregistrez-le comme une compétence que toute l'organisation design peut appeler en une ligne, en changeant le nom du pattern chaque fois, afin que « avons-nous vérifié ce qui existe déjà » cesse d'être une surprise de la semaine de critique.
Enregistrez ceci comme /pattern-audit. Cela devrait prendre un nom de pattern, rechercher dans Figma, la base de code et Amplitude les instances existantes, et écrire la comparaison côte à côte avec une recommandation de réutilisation dans Design-system/Audits/<pattern>.md.
Partagez avec vos coéquipiers
Votre /pattern-audit personnalisé porte désormais votre inventaire de composants, votre carte de propriété et vos recherches de performance. Partagez-le afin que chaque designer effectue la même vérification avant la critique, et que le système de design arrête de croître de cinq façons différentes pour faire une seule chose.