Mikkel Manniche

Claude-Code-Skill

page-critic

Prüft die Seiten einer Web-App in drei Ebenen: Funktioniert sie, hält sie, macht sie Freude. Er misst in einem echten Browser, lässt einen blinden Kunden die Aufgabe probieren und liefert einen Bericht mit Noten und konkreten Korrekturen.

  • Claude-Code-Skill
  • MIT-Lizenz
  • Braucht Node.js und Playwright

macOS und Linux

git clone https://github.com/manniche-labs/ui.git ~/manniche-labs-ui
ln -s ~/manniche-labs-ui/skills/page-critic ~/.claude/skills/page-critic

Windows (PowerShell)

git clone https://github.com/manniche-labs/ui.git "$env:USERPROFILE\manniche-labs-ui"
New-Item -ItemType Junction -Path "$env:USERPROFILE\.claude\skills\page-critic" -Target "$env:USERPROFILE\manniche-labs-ui\skills\page-critic"

Bitte Claude Code, „die Seiten zu prüfen“, oder tippe /page-critic.

Die drei Ebenen

  1. Funktioniert sie

    Konsolenfehler, tote Links, Formulare, Tastatur und Fokus, Kontrast und die Größe dessen, was man antippt.

  2. Hält sie

    Langer Text, schmale Bildschirme, langsames Netz, Zoom und dunkles Theme. Er findet, was bricht.

  3. Macht sie Freude

    Rhythmus, Typografie, Bewegung und Feinschliff, und ob die Seite nach KI aussieht.

  4. Vorher und nachher

    Er zeigt drei Varianten einer sichtbaren Korrektur, schreibt einen Prompt für die Umsetzung und misst danach erneut.

Was du bekommst

  • Einen Bericht mit Noten pro Seite und Ebene.
  • Fehler mit genauem Element und Grund.
  • Vorschläge zu UI, Animation und Feinschliff.
  • Zahlen vorher und nachher, damit die Verbesserung sichtbar wird.