Critique
Tar skjermbilder av UI-et ditt ved 3 skjermstørrelser og scorer det mot en navngitt anti-slop-sjekkliste.
Krever oppsett
Hva den gjør
En designgjennomgangs-linse som tvinger frem en reell visuell fangst (desktop/nettbrett/mobil, mørk modus hvis tilstede) før en UI vurderes, og kjører den deretter gjennom navngitte anti-slop-, håndverks-, hierarki-, klarhets- og signaturdetalj-sjekker, med utdata som en Før/Etter/Hvorfor-tabell. Det er en linse i det bredere ui-craft-skillet og er ment å utløses når en bruker vil ha en designkritikk, en second opinion før overlevering, eller spør «hva er galt med denne UI-en» — det redigerer ikke kode.
Testrapport
Ga den en bevisst slop-aktig testside (lilla gradient-hero, VERSALER-overskrift, 3 identiske emoji-kort, farget trendpille) — den navnga alle 4 kritiske anti-slop-brudd med skillets eget vokabular, og fordi det tvinger frem ekte skjermbilder ved 3 skjermstørrelser, fanget den en reell mobiloverflyt-feil (overskriftsteksten som fløt utenfor hero-bakgrunnen ved 375px) som en ren kodegjennomgang ville gått helt glipp av.
Testet på: 2026-07-13 · Claude Code 2.x (agent harness)
Installer
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
/critiqueTar skjermbilder av UI-et ditt ved 3 skjermstørrelser og scorer det mot en navngitt anti-slop-sjekkliste.
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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