Critique
Tager skærmbilleder af din UI ved 3 viewports og scorer den mod en navngivet anti-slop-tjekliste.
Virker med opsætning
Hvad det gør
En designreview-linse, der tvinger et rigtigt visuelt capture (desktop/tablet/mobil, dark mode hvis til stede) frem, før den dømmer en UI, og kører den derefter gennem navngivne anti-slop-, håndværks-, hierarki-, klarheds- og signature-detail-tjek, med output som en Before/After/Why-tabel. Det er én linse i det bredere ui-craft-skill og er tænkt til at blive kaldt, når en bruger vil have en designkritik, en second opinion før handoff, eller spørger "hvad er galt med denne UI" — det redigerer ikke kode.
Testrapport
Gav den en bevidst slop-agtig testside (lilla-gradient-hero, ALL CAPS-overskrift, 3 identiske emoji-kort, farvet trend-pille) — den navngav alle 4 kritiske anti-slop-overtrædelser med skillets eget vokabular og fangede, fordi den tvinger rigtige skærmbilleder ved 3 viewports, en reel mobil-overflow-fejl (overskriftsteksten løb ud over hero-baggrunden ved 375px), som en ren kode-gennemgang helt ville have overset.
Testet: 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
Kommandoer og eksempelprompter
/critiqueTager skærmbilleder af din UI ved 3 viewports og scorer den mod en navngivet anti-slop-tjekliste.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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