Teams können Usability-Probleme übersehen, wenn sie Features aus einer internen Perspektive prüfen. Dieser Skill leitet persona-basiertes Testen mit den Kundenperspektiven von Aftrac und Sirius an.

Teams benötigen klare Einblicke, wie sich Nutzer durch einen Service bewegen. Diese Skill erstellt strukturierte Journey Maps, die Handlungen, Emotionen, Pain Points und Chancen sichtbar machen.

Mängel bei der Barrierefreiheit können Nutzer blockieren und Compliance-Risiken verursachen. Diese Skill prüft Oberflächen anhand von WCAG 2.1 und liefert priorisierte Korrekturen.

Die manuelle Design-Übergabe aus Screenshots ist langsam und uneinheitlich. Dieser Skill extrahiert Tokens, Komponenten, Layout und Barrierefreiheitsnotizen in strukturierte Design-Spezifikationsdateien.

Existing projects often lack a clear record of their interface decisions. This skill extracts design tokens and current UX structure into practical documentation for future UI work.

Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.

Generische Typografie kann ein Produkt unfertig wirken lassen. Dieser Skill hilft Claude, Codex und Claude Code dabei, stärkere Schriftarten, Kombinationen, Schriftschnitte und Größenkontraste auszuwählen.

Teams verlieren Konsistenz, wenn Komponenten rohe CSS-Farbwerte verwenden. Diese Skill leitet Claude, Codex und Claude Code dazu an, MUI-Theme-Farben zu verwenden.

Die Ausgabe von Figma MCP kann Designvariablen und Inline-Styles enthalten, die schwer zu warten sind. Dieser Skill ordnet diese Werte standardmäßigen Tailwind CSS-Klassen und Projekt-Tokens zu.

Responsive Websites können nach Änderungen an Animationen Layoutfehler verbergen. Dieser Skill erfasst gescrollte Ganzseiten-Screenshots über verschiedene Gerätegrößen hinweg für eine gezielte visuelle Prüfung.

Moderne Webanimationen können Performance und Barrierefreiheit beeinträchtigen, wenn sie ohne klare Leitplanken implementiert werden. Diese Skill gibt Claude praktische GSAP-Muster, Testschritte und Launch-Prüfungen für ausgefeilte Animationsarbeit.

Teams fehlt oft eine klare Dokumentation von Markenfarben, Typografie, Bildsprache und responsiven Regeln. Dieser Skill wandelt Website-Assets und Markenangaben in strukturierte Guide-Inhalte für Workflows mit Claude, Codex und Claude Code um.

Die Videoproduktion über KI-Modelle, Avatare und Code-Tools hinweg kann schwer zu planen sein. Dieser Skill unterstützt bei der Tool-Auswahl, Prompts, Workflows und Produktionsschritten.

Website-Teams haben oft Schwierigkeiten, Seiten, Navigation und URLs zu organisieren. Diese Skill erstellt klare Hierarchien, visuelle Sitemaps, URL-Zuordnungen und Verlinkungspläne.

Signup-Flows verlieren häufig Nutzer durch zusätzliche Felder, unklare Fehler und schwache Vertrauenssignale. Dieser Skill prüft Registrierungserlebnisse und schlägt gezielte CRO-Änderungen vor.

Marketingseiten verlieren häufig Besucher durch unklare Botschaften, schwache CTAs oder fehlende Vertrauenssignale. Dieser Skill prüft die Seitenstruktur und gibt priorisierte CRO-Empfehlungen.

Marketing-Teams benötigen Bilder, die zu Kanälen, Marken und Leistungszielen passen. Dieser Skill unterstützt bei Prompts, Tool-Auswahl, Abmessungen, Mockups und Optimierung.

Formulare verlieren oft qualifizierte Besucher durch zu viele Felder, unklare Texte und schwache Fehlerbehandlung. Diese Skill hilft Claude, Codex oder Claude Code dabei, Formulare zu auditieren und Verbesserungen bei Feldern, Layout, Texten, Vertrauen und Tests zu empfehlen.

Die Erstellung vielfältiger, plattformgerechter Anzeigen erfordert belastbare Nachweise, präzise Vorgaben und wiederholbare Tests. Dieser Skill verwandelt Produktkontext und Leistungsdaten in fundierte Werbemittelserien.

Visuelle Erlebnisse können über Seiten hinweg inkonsistent, langsam oder unzugänglich werden. Diese Skill unterstützt Aktualisierungen von Animationen, Galerien, Demos und Three.js mit klaren Sicherheitsvorgaben.