Critique
Capture votre UI en écran à 3 largeurs de viewport et la note contre une checklist anti-slop nommée.
Fonctionne avec configuration
Ce que fait
Un prisme de revue de design qui impose une vraie capture visuelle (desktop/tablette/mobile, mode sombre si présent) avant de juger une UI, puis la passe à travers des vérifications nommées d'anti-slop, de finition, de hiérarchie, de clarté et de détail signature, restituées sous forme de tableau Before/After/Why. C'est un des prismes du skill plus large ui-craft, à invoquer quand un utilisateur veut une critique de design, un second avis avant transmission, ou demande « qu'est-ce qui cloche dans cette UI » — il ne modifie pas le code.
Rapport de test
Soumis une page de test délibérément « slop » (héros en dégradé violet, titre en MAJUSCULES, 3 cartes emoji identiques, pastille de tendance colorée) — il a nommé les 4 violations anti-slop critiques dans le vocabulaire propre du skill et, parce qu'il force de vraies captures d'écran à 3 largeurs, a attrapé un vrai bug de débordement mobile (le texte du titre débordant du fond du héros à 375px) qu'une passe purement code aurait totalement manqué.
Testé le: 2026-07-13 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/critique ~/.claude/skills/critique
Commandes et exemples de prompts
/critiqueCapture votre UI en écran à 3 largeurs de viewport et la note contre une checklist anti-slop nommée.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Give me a design critique of this UI before we hand it offScreenshot this page at a few viewports and score it against best practiceI want a second opinion on how polished this interface looks