design-auditlisted

# Design Audit Prüfe das aktuelle Frontend-Projekt auf Design-Qualität. Drei Modi verfügbar: **Nutzung:** - `/design-audit` oder `/design-audit audit`, Probleme finden - `/design-audit polish`, Gefundene Probleme direkt fixen - `/design-audit critique`, Ehrliches, konstruktives Design-Feedback --- ## Modus: Audit (Default) Durchsuche das Projekt systematisch nach Design-Problemen: ### 1. Typografie - Sind Font-Pairings bewusst gewählt oder generisch (Inter, Roboto)? - Ist Fluid Typography implementiert (`clamp()`)? - Sind Schriftgrößen konsistent (Design-System/Scale)? - Ist die Lesbarkeit gewährleistet (Zeilenlänge, Line-Height)? ### 2. Spacing & Layout - Ist das Spacing-System konsistent (keine Magic Numbers)? - Gibt es ein erkennbares Grid oder wirkt es zufällig? - Funktioniert das Layout auf allen Breakpoints? - Gibt es unnötige Symmetrie wo Asymmetrie interessanter wäre? ### 3. Farben - Gibt es ein kohärentes Farbsystem (CSS Custom Properties)? - Dominant + Accent statt viele gleichstarke Farben? - Sind Kontraste WCAG-konform (4.5:1 für Text)? - Sind Farben projekt-spezifisch oder generische Presets? ### 4. Komponenten - Sehen Cards/Buttons/Inputs konsistent aus? - Sind Hover-States überraschend oder nur `opacity: 0.8`? - Sind Border-Radii bewusst variiert oder überall gleich? - Gibt es AI-Slop (3 gleichförmige Cards, purple-to-blue Gradients)? ### 5. Motion & Animation - Gibt es mindestens eine orchestrierte Eingangsanimation? - Sind Transitionen smooth und zw