Critique
Fa screenshot della tua UI su 3 viewport e la valuta con una checklist anti-slop con nomi precisi.
Richiede configurazione
Cosa fa
Una lente di design-review che impone una vera cattura visiva (desktop/tablet/mobile, dark mode se presente) prima di giudicare una UI, poi la fa passare attraverso controlli con nome su anti-slop, craft, gerarchia, chiarezza e dettagli distintivi, con output in una tabella Before/After/Why. È una delle lenti dello skill più ampio ui-craft ed è pensata per essere invocata quando un utente vuole una critica di design, un secondo parere prima dell'handoff, o chiede "cosa c'è che non va in questa UI" — non modifica il codice.
Rapporto di test
Gli ho dato una pagina di test deliberatamente 'slop' (hero con gradiente viola, titolo TUTTO MAIUSCOLO, 3 card identiche con emoji, pill colorata di trend) — ha nominato tutte e 4 le violazioni anti-slop critiche con il vocabolario proprio dello skill e, poiché impone screenshot reali su 3 viewport, ha scoperto un vero bug di overflow su mobile (il testo del titolo che fuoriesce dallo sfondo dell'hero a 375px) che un passaggio basato solo sul codice si sarebbe perso del tutto.
Testato il: 2026-07-13 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/critique ~/.claude/skills/critique
Comandi e prompt di esempio
/critiqueFa screenshot della tua UI su 3 viewport e la valuta con una checklist anti-slop con nomi precisi.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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