Critique
Screenshottet dein UI in 3 Viewports und bewertet es gegen eine benannte Anti-Slop-Checkliste.
Funktioniert mit Setup
Was es kann
Eine Design-Review-Linse, die vor der Beurteilung eines UI eine echte visuelle Erfassung erzwingt (Desktop/Tablet/Mobile, Dark Mode falls vorhanden) und es dann durch benannte Anti-Slop-, Craft-, Hierarchie-, Klarheits- und Signature-Detail-Checks laufen lässt, ausgegeben als Before/After/Why-Tabelle. Es ist eine Linse des breiteren ui-craft-Skills und soll aufgerufen werden, wenn ein User ein Design-Feedback, eine Zweitmeinung vor der Übergabe will oder fragt, "was ist falsch an diesem UI" — es editiert keinen Code.
Testbericht
Bekam eine absichtlich sloppige Testseite (Purple-Gradient-Hero, ALL-CAPS-Überschrift, 3 identische Emoji-Karten, farbige Trend-Pille) — benannte alle 4 kritischen Anti-Slop-Verstöße im eigenen Vokabular des Skills und erwischte, weil er echte Screenshots in 3 Viewports erzwingt, einen echten Mobile-Overflow-Bug (die Überschrift lief bei 375px über den Hero-Hintergrund hinaus), den ein reiner Code-Pass komplett übersehen hätte.
Getestet am: 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
Befehle & Beispiel-Prompts
/critiqueScreenshottet dein UI in 3 Viewports und bewertet es gegen eine benannte Anti-Slop-Checkliste.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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