Critique
Maakt screenshots van je UI op 3 viewports en scoort ze tegen een benoemde anti-slop-checklist.
Werkt met setup
Wat het doet
Een design-reviewlens die een echte visuele capture afdwingt (desktop/tablet/mobiel, dark mode indien aanwezig) voordat hij een UI beoordeelt, en die vervolgens door benoemde anti-slop-, craft-, hiërarchie-, duidelijkheids- en signature-detail-checks haalt, met output als een Before/After/Why-tabel. Het is één lens van de bredere ui-craft-skill en bedoeld om aangeroepen te worden wanneer een gebruiker een designkritiek wil, een second opinion voor handoff, of vraagt "wat is er mis met deze UI" — hij bewerkt geen code.
Testrapport
Gaf hem een opzettelijk slordige testpagina (paars-gradient hero, ALL CAPS-heading, 3 identieke emoji-cards, gekleurde trend-pill) — hij benoemde alle 4 de kritieke anti-slop-overtredingen in het eigen vocabulaire van de skill en ving, doordat hij echte screenshots op 3 viewports afdwingt, een echte mobiele overflow-bug (de headingtekst die bij 375px buiten de hero-achtergrond loopt) die een code-only-doorgang volledig zou hebben gemist.
Getest op: 2026-07-13 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/educlopez/ui-craft cd ui-craft mkdir -p ~/.claude/skills cp -r .agents/skills/critique ~/.claude/skills/critique
Commando's en voorbeeldprompts
/critiqueMaakt screenshots van je UI op 3 viewports en scoort ze tegen een benoemde anti-slop-checklist.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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