design-review

design-review

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

En une phrase

Designer'sAudite eyeton QA:site findsdéjà visualen inconsistency,ligne spacingavec issues,un hierarchyœil problems,de AIdesigner, sloprepère patterns,les andproblèmes slowvisuels interactionset —UX, thenpuis fixesles them.corrige directement dans le code en commit après commit.

Quand l'utiliser

• UseQuand whenton askedsite tomarche mais "auditfait theun design",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 "visualpatterns QA",AI "checkslop" if(les ittics looksvisuels good",qui ortrahissent "un design polish"généré). ProactivelyAvant suggestde whenmontrer theton usersite mentionsà visualquelqu'un inconsistencieset ortu wantsveux toqu'il polishfasse the look of a live site. (gstack)"pro".

Comment l'invoquer

• Slash command : /design-review (si exposé dans ton CLI)
• Phrases déclencheurs (texte) : voir"audit lathe descriptiondesign" complète/ ci-dessous"visual QA" / "check if it looks good" / "design polish" / "visual design audit" / "fix design issues"
• Auto-invocation : ✅ ProactivelyOui suggest— whenClaude thesuggère userce mentionsskill visualquand inconsistenciestu ormentionnes wantsune toincohérence polishvisuelle theou lookque oftu aveux livepeaufiner site.l'aspect (gstack)d'un site déjà en ligne.

Description complètedétaillée

Designer'sCe eyeskill QA:ouvre findsle visualnavigateur inconsistency,invisible spacingsur issues,ton hierarchysite, problems,prend AIdes slopcaptures patterns,d'écran, andet slowles 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 — thenil fixesles them.corrige Iterativelyun fixespar issuesun indirectement sourcedans code,le committingcode eachsource. fixChaque atomicallycorrection andest re-verifyingfaite with before/after screenshots. For plan-mode design reviewatomiquement (beforeun implementation)commit = un fix), useavec 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. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site. (gstack)

Pour aller plus loin

Preamble (run first)

Plan Mode Safe Operations

In plan mode, allowed because they inform the plan: $B, $D, codex exec/codex review, writesqui tofait la même chose mais sur un PLAN (du texte), avant que le code existe. ~/.gstack/, writes to the plan file, and opendesign-review fortravaille generatedsur artifacts.

le

Skillsite Invocationvivant Duringaprès Planle Mode

If the user invokes a skill in plan mode, the skill takes precedence over generic plan mode behavior. Treat the skill file as executable instructions, not reference. Follow it step by step starting from Step 0; the first AskUserQuestion is the workflow entering plan mode, not a violation of it. AskUserQuestion (any variant — mcp__*__AskUserQuestion or native; see "AskUserQuestion Format → Tool resolution") satisfies plan mode's end-of-turn requirement. If no variant is callable, the skill is BLOCKED — stop and report BLOCKED — AskUserQuestion unavailable per the AskUserQuestion Format rule. At a STOP point, stop immediately. Do not continue the workflow or call ExitPlanMode there. Commands marked "PLAN MODE EXCEPTION — ALWAYS RUN" execute. Call ExitPlanMode only after the skill workflow completes, or if the user tells you to cancel the skill or leave plan mode.déploiement.

(extraitC'est —l'outil voir le SKILL.md completparfait pour la suite)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