design-review

design-review

Catalogue généré le 2026-05-11

En une phrase

Audite ton site déjà en ligne avec un œil de designer, repère les problèmes visuels et UX, puis les corrige directement dans le code en commit après commit.

Quand l'utiliser

• Quand ton site marche mais "fait un peu cheap" et tu veux le polir.
• Pour repérer les soucis d'alignement, d'espacement, de hiérarchie, ou de typographie qu'on ne voit plus à force de regarder son propre site.
• Pour traquer les "patterns AI slop" (les tics visuels qui trahissent un design généré).
• Avant de montrer ton site à quelqu'un et tu veux qu'il fasse "pro".

Comment l'invoquer

• Slash command : /design-review
• Phrases déclencheurs (texte) : "audit the design" / "visual QA" / "check if it looks good" / "design polish" / "visual design audit" / "fix design issues"
• Auto-invocation : ✅ Oui — Claude suggère ce skill quand tu mentionnes une incohérence visuelle ou que tu veux peaufiner l'aspect d'un site déjà en ligne.

Description détaillée

Ce skill ouvre le navigateur invisible sur ton site, prend des captures d'écran, et les analyse avec un regard de designer. Il cherche des problèmes concrets : espacements incohérents, alignements ratés, contraste insuffisant, hiérarchie typographique floue, interactions trop lentes, ou patterns trop "génériques AI".

Une fois qu'il a sa liste de problèmes, il ne se contente pas de te la donner — il les corrige un par un directement dans le code source. Chaque correction est faite atomiquement (un commit = un fix), avec une capture avant/après pour prouver que le souci est résolu. C'est une vraie boucle : repérer, corriger, vérifier, recommencer.

À ne pas confondre avec /plan-design-review, qui fait la même chose mais sur un PLAN (du texte), avant que le code existe. design-review travaille sur le site vivant après le déploiement.

C'est l'outil parfait pour la dernière passe avant de montrer quelque chose. Tu peux le lancer plusieurs fois — chaque passe attrape ce que la précédente a manqué.

Source

• Plugin : gstack
• Nom interne : design-review
• Fichier : /home/thymon/.claude/skills/gstack/design-review/SKILL.md