Critique
Robi zrzuty ekranu twojego UI w 3 rozdzielczościach i ocenia je wg nazwanej listy kontrolnej anty-sloppy.
Działa po konfiguracji
Co robi ten skill
Soczewka do przeglądu projektu, która wymusza prawdziwy zrzut wizualny (desktop/tablet/mobile, tryb ciemny jeśli obecny), zanim oceni UI, a następnie przepuszcza go przez nazwane kontrole anty-sloppy, rzemiosła, hierarchii, klarowności i charakterystycznych detali, wyprowadzone jako tabela Przed/Po/Dlaczego. To jedna soczewka szerszego skillu ui-craft, przeznaczona do uruchomienia, gdy użytkownik chce krytyki projektu, drugiej opinii przed przekazaniem albo pyta 'co jest nie tak z tym UI' — nie edytuje kodu.
Raport z testu
Podano mu celowo słabo zaprojektowaną stronę testową (hero z fioletowym gradientem, nagłówek WIELKIMI LITERAMI, 3 identyczne karty z emoji, kolorowa pigułka trendu) — nazwał wszystkie 4 krytyczne naruszenia własnym słownictwem skillu, a ponieważ wymusza prawdziwe zrzuty ekranu w 3 rozdzielczościach, wychwycił realny błąd przepełnienia na mobile (tekst nagłówka wylewający się poza tło hero przy 375px), który przegląd samego kodu całkowicie by pominął.
Testowano: 2026-07-13 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/critique ~/.claude/skills/critique
Komendy i przykładowe prompty
/critiqueRobi zrzuty ekranu twojego UI w 3 rozdzielczościach i ocenia je wg nazwanej listy kontrolnej anty-sloppy.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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