Critique
Vyfotí vaše UI ve 3 viewportech a ohodnotí ho podle pojmenovaného checklistu proti 'slopu'.
Funguje s nastavením
Co umí
Lens pro design review, který vynutí skutečné vizuální zachycení (desktop/tablet/mobil, dark mode pokud existuje) předtím, než posoudí UI, a poté ho projede pojmenovanými kontrolami proti slopu, řemeslnému zpracování, hierarchii, srozumitelnosti a signature detailům, výstup jako tabulka Before/After/Why. Je to jedna z čoček širšího skillu ui-craft a je určen ke spuštění, když uživatel chce design review, druhý názor před předáním, nebo se ptá 'co je s tímto UI špatně' — kód neupravuje.
Testovací report
Zadal jsem mu záměrně 'slop' testovací stránku (fialový gradientový hero, nadpis VELKÝMI PÍSMENY, 3 identické emoji karty, barevná pilulka trendu) — pojmenoval všechna 4 kritická porušení proti slopu vlastním slovníkem skillu a díky vynucení skutečných screenshotů ve 3 viewportech zachytil skutečný bug s přetečením na mobilu (text nadpisu vyjíždějící mimo pozadí hero na 375px), který by pouze kódová kontrola úplně přehlédla.
Testováno: 2026-07-13 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/critique ~/.claude/skills/critique
Příkazy a ukázkové prompty
/critiqueVyfotí vaše UI ve 3 viewportech a ohodnotí ho podle pojmenovaného checklistu proti 'slopu'.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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