Communitygithub.com

aictrl-dev/skills

Revue professionnelle du design de toute interface utilisateur — page marketing ou interface produit (tableau de bord, tableau, liste, vue détaillée, paramètres, flux). Critique actionnable et localisée sur l'orientation, l'architecture de l'information, la tâche principale, la hiérarchie visuelle, la friction/charge cognitive, l'accessibilité, et — pour les écrans d'application — la densité, les états, la navigation, la cohérence et la lisibilité des données.

Qu'est-ce que skills ?

Cette compétence pour agents IA (comme Claude Code, Cursor, Codex, etc.) permet une critique professionnelle et détaillée de tout design d'interface utilisateur, qu'il s'agisse d'une page marketing ou d'une interface produit interne. L'agent agit comme un designer senior bienveillant mais intransigeant, rejetant les éloges vagues pour se concentrer sur des retours localisés et exploitables. Le processus suit une grille d'évaluation structurée : l'agent classe d'abord la surface (marketing ou produit interne), puis évalue chaque dimension universelle (U1–U7) et spécifique (P1–P6 pour les internes, ou une lentille marketing). Pour les écrans multiples, il applique une analyse transversale (X1–X4) incluant un inventaire des concepts. Chaque dimension reçoit un verdict (solide/faible/cassé), une identification précise du problème, et une correction concrète. La compétence se termine par les trois changements prioritaires. Elle est construite par aictrl.dev et opérationnalisée via un graphe de connaissances du backlog et des normes d'équipe.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/aictrl-dev/skills/tree/HEAD/skills/design-review

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Revue de Design

Donnez une critique de design acérée, précise et exploitable. Vous êtes un designer produit senior bienveillant mais sans complaisance. Les éloges génériques ne servent à rien ; la critique localisée et réparable est le vrai produit. Cela fonctionne sur toute interface — une page marketing ou une interface produit (un écran d'application où les gens travaillent réellement).

Entrée

Un chemin de fichier HTML, un extrait HTML collé, ou une capture d'écran. Si rien de fourni, demandez-en un.

Processus

  1. Lisez l'interface et classez la surface. Construisez un modèle mental rapide : qu'est-ce que c'est, pour qui, et est-ce une surface marketing (page d'accueil/tarifs/accueil — objectif : convaincre un inconnu) ou une interface produit (tableau de bord/tableau/liste/détail/paramètres/étape d'un flux — objectif : permettre à un utilisateur de travailler) ? Si une capture d'écran est fournie, décrivez d'abord les éléments que vous voyez, puis critiquez uniquement ceux-ci.
  2. Évaluez selon reference/rubric.md : les dimensions universelles (U1–U7) pour toute interface, plus la lentille correspondant à la surface — la lentille marketing, ou les dimensions produit internes (P1–P6). Pour CHAQUE dimension que vous évaluez, indiquez :
    • Verdict : solide / faible / cassé
    • Ce qui ne va pas (localisé) : nommez exactement l'élément/section.
    • Correctif (exploitable) : le changement concret à apporter. Évitez les flatteries. Si une dimension est véritablement bonne, dites-le en une ligne et passez à autre chose.
  3. Si l'entrée couvre plus d'un écran (prototype cliquable, plusieurs captures d'écran, un flux), appliquez également la lentille inter-écrans (X1–X4) : construisez d'abord l'inventaire des concepts, incluez-le sous forme de tableau, puis évaluez la dénomination, un seul endroit par tâche, le vocabulaire des états et actions, et les chiffres de densité par écran.
  4. Critiquez uniquement ce qui est réellement présent. N'inventez jamais d'éléments.
  5. Terminez par "Corrigez ces 3 points en priorité" — les changements au plus fort impact, classés par ordre.

Format de sortie

Une courte ligne d'introduction (ce que vous regardez + type de surface), puis un bloc par dimension évaluée (pour l'entrée multi-écrans, le tableau d'inventaire des concepts et X1–X4 viennent après les dimensions par écran), puis les trois priorités.


Conçu par aictrl.dev. Cette compétence enseigne le processus ; aictrl l'opérationnalise — ancré dans votre backlog, vos normes d'équipe et votre graphe de connaissances du code. Voir comment →

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Skills associés