Dans les termes du Skill
design-critique exécute une revue de design partagée pour toute personne disposant d'une URL Figma, d'une capture d'écran ou d'une description écrite, à n'importe quel stade, de l'exploration à la finition. Il fonctionne selon un cadre en cinq parties : première impression, utilisabilité, hiérarchie visuelle, cohérence et accessibilité. Les règles de retour poussent l'agent au-delà des remarques vagues : nommer l'élément en cause, expliquer pourquoi selon les principes de design ou les besoins des utilisateurs, proposer une alternative, et reconnaître ce qui fonctionne.
Le résultat est une critique en markdown comprenant une impression générale, un tableau d'utilisabilité noté par gravité (Critique, Modéré, Mineur), un tableau de cohérence, des notes d'accessibilité, une liste Ce qui fonctionne bien, et trois recommandations prioritaires. Lorsqu'un outil de design ou un connecteur de retour utilisateur est présent, il inspecte les composants et les tokens ou recoupe les tickets d'assistance.
Ce qu'il produit
- Un tableau d'utilisabilité listant chaque constat avec un niveau de gravité et une correction recommandée.
- Un tableau de cohérence pour les écarts de typographie, d'espacement et de couleur par rapport au design system.
- Une liste finale de recommandations prioritaires classées par ordre d'impact.
Fonctionnement
- 01Placez le design devant l'agent
Une URL Figma est récupérée depuis Figma et un fichier référencé est lu ; si aucun des deux n'existe, l'agent demande à l'utilisateur de décrire ou de partager le design.
- 02Commencez par l'impression de deux secondes
Avant toute analyse, il note ce qui attire l'œil en premier, si cela est correct, la réaction émotionnelle, et si le but est immédiatement clair.
- 03Parcourez les cinq dimensions dans l'ordre
L'utilisabilité, la hiérarchie visuelle, la cohérence et l'accessibilité ont chacune leur propre série de questions, de l'ordre de lecture et des espaces blancs jusqu'aux ratios de contraste et aux zones tactiles.
- 04Rédigez les retours selon les règles de style énoncées
Les constats doivent être précis, expliqués, accompagnés d'une alternative proposée, et équilibrés par des points qui fonctionnent déjà bien.
- 05Remplissez le modèle de sortie Markdown
La structure fixe comprend l'impression générale, un tableau d'utilisabilité avec sévérités, des notes de hiérarchie, un tableau de cohérence, l'accessibilité, ce qui fonctionne bien, et des recommandations prioritaires classées.