# 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`