UX Audit

Die click-path-audit Skill hilft dabei, UI-Handler durch jeden Zustandswechsel nachzuverfolgen, um Sequenzfehler, Konflikte im gemeinsamen Zustand und Abweichungen vom Endzustand nach Refactorings oder im Code Review zu erkennen.

Die Accessibility-Skill unterstützt dich dabei, barrierearme bzw. barrierefreie UIs für Web, iOS und Android nach WCAG-2.2-Level-AA-Guidance zu entwerfen, umzusetzen und zu auditieren. Verwende sie, um Komponentenrollen, Beschriftungen, Zustände, Fokusverhalten und Accessibility-Attribute zuzuordnen – mit praxisnaher Accessibility-Nutzung für UX-Audit-Arbeiten und Implementierungsreviews.

Das qa-Skill testet eine Web-App systematisch, findet Bugs und überprüft Fixes mit einem gestuften Workflow. Nutze es für Regressionstests, Ship-Readiness-Checks oder als strukturierten QA-Guide, wenn du statt eines generischen Bug-Hunt-Prompts belastbare Nachweise, Schweregrade und atomare Fix-und-Retest-Schleifen brauchst.

design-review ist eine UX-orientierte Design-QA-Skill für die Prüfung live geschalteter Oberflächen. Sie erkennt Probleme bei Abständen, Hierarchie, visueller Konsistenz und Interaktionen und behebt sie iterativ mit anschließender Verifikation. Unterstützt die Prüfung im Plan-Modus vor der Umsetzung und ist ideal, wenn Sie einen design-review-Leitfaden für konkrete Quellcode-Änderungen statt vager Ratschläge suchen.

Die Skill accessibility-compliance unterstützt Teams dabei, Web- oder Mobile-UIs zu prüfen und zu verbessern – mit praxisnahen Empfehlungen zu WCAG 2.2, ARIA, Tastaturbedienung, Screenreadern und mobiler Barrierefreiheit. Besonders geeignet für UX-Audits, Component-Fixes und direkt umsetzbare Handlungsempfehlungen.

wcag-audit-patterns ist ein strukturiertes Skill für WCAG-2.2-Audits und Accessibility-Reviews. Es hilft dabei, automatisierte Befunde mit manuellen Prüfungen zu verbinden, Probleme nach Schweregrad und Konformitätsstufe zu priorisieren und umsetzbare Hinweise zur Behebung für Seiten, Abläufe und Komponenten zu erstellen.

screen-reader-testing ist eine praxisnahe Skill für UX-Audits und Accessibility-QA. Erfahren Sie, wie Sie damit Web-Apps mit VoiceOver, NVDA und JAWS testen, Browser- und Plattformabdeckung sinnvoll priorisieren und Formulare, ARIA-Verhalten, Fokusmanagement sowie dynamische Ankündigungen prüfen.

web-design-guidelines prüft UI-Code anhand der Vercel Web Interface Guidelines, lädt die neuesten Regeln und liefert knappe file:line-Hinweise für gezielte UX- und Accessibility-Audits.

distill hilft dabei, überladene UI-Designs zu vereinfachen, indem visuelles Rauschen, schwache Hierarchien und redundante Optionen entfernt werden, damit die Kernaufgabe klar erkennbar bleibt. Nutzen Sie es, wenn ein Screen eine konsequente Reduktion, klarere Prioritäten und einen fokussierten Vereinfachungsdurchgang braucht.

critique unterstützt dich dabei, Interfaces, Features, Seiten oder Komponenten aus UX-Sicht zu prüfen – mit strukturierter Bewertung, persona-basierten Tests, Heuristik-Checks und umsetzbarem Feedback. Nutze die critique skill, wenn du für UI/UX-Design einen wiederholbaren Leitfaden für fundierte Reviews brauchst statt vager Kommentare. Am besten eignet sie sich für gezielte Kritik an einem klar abgegrenzten Bereich mit eindeutigem Kontext.

Das audit-Skill führt ein technisches UX-Audit für Frontend-Arbeiten durch und prüft Barrierefreiheit, Performance, Theming, responsives Verhalten und Anti-Patterns. Es liefert bewertete Ergebnisse, P0-P3-Schweregrade und einen Maßnahmenplan; die erforderliche Einrichtung muss zuvor über die zugehörigen impeccable-Skills erfolgen.

Die critique Skill unterstützt Teams bei strukturierten UX-Reviews von Seiten, Features und Komponenten. Sie bewertet Hierarchie, kognitive Belastung, Heuristiken und persona-basierte Risiken und übersetzt die Ergebnisse in konkrete Verbesserungen. Am besten nach /frontend-design mit klaren Screenshots, Zielen und Nutzerkontext einsetzen.

Die audit Skill führt strukturierte technische UX-Reviews für Seiten, Features oder Komponenten durch. Sie prüft Barrierefreiheit, Performance, Theming, responsives Verhalten und Frontend-Antipatterns und liefert anschließend bewertete Ergebnisse mit P0-P3-Schweregraden sowie einem Maßnahmenplan. Am besten nach dem erforderlichen Kontextschritt `/frontend-design` einsetzen.

Die critique-Skill unterstützt bei der Prüfung von Seiten, Flows und Komponenten mit einem strukturierten UX-Audit-Workflow. Sie erkennt Signale für AI-Slop, bewertet Hierarchie, Informationsarchitektur, kognitive Belastung, Heuristiken und persona-basierte Reibungspunkte und wandelt die Ergebnisse in umsetzbares Feedback um. Am sinnvollsten mit Kontext aus frontend-design und teach-impeccable.

Die audit Skill führt strukturierte technische UI-Reviews zu Barrierefreiheit, Performance, Theming, responsivem Verhalten und Anti-Patterns durch. Sie liefert bewertete Ergebnisse, P0-P3-Schweregrade und einen Maßnahmenplan für eine bestimmte Seite, Funktion oder Komponente. Am besten nach der Erfassung des Designkontexts einsetzen.

Die customer-journey-map Skill hilft dir, eine durchgängige Customer Journey Map mit Phasen, Touchpoints, Emotionen, Pain Points und Chancen zu erstellen. Sie eignet sich für UX Research, die Verbesserung des Onboardings und Experience-Analysen, wenn du aus unübersichtlichen Inputs eine strukturierte Journey-Erzählung ableiten musst.

Das proto-persona Skill hilft dir, Forschungsergebnisse, Marktsignale und Teamwissen in ein belastbares Kundenprofil zu überführen, noch bevor eine tiefere Validierung vorliegt. Nutze diesen proto-persona-Leitfaden, wenn du für frühe Produkt- und UX-Research-Entscheidungen einen praxistauglichen, auf Annahmen basierenden Ausgangspunkt brauchst.

pol-probe hilft dir, eine Proof-of-Life-Probe zu definieren, um eine riskante Hypothese günstig zu testen, bevor du ein echtes Produkt baust. Nutze die pol-probe-Skill, um Prototypen-Show zu vermeiden, strenge Erfolgskriterien festzulegen, den passenden Probentyp zu wählen und die Entsorgung nach dem Lernen zu planen.

Das why Skill wendet die Five-Whys-Analyse an, um aus einem Symptom eine nachvollziehbare Ursache-Wirkungs-Kette und eine umsetzbare Lösung abzuleiten. Nutze diesen why-Leitfaden für UX-Audits, Produktprobleme, Bugs oder Prozessstörungen, wenn du fundiertes Denken statt oberflächlicher Vermutungen brauchst.

Das cause-and-effect Skill nutzt Fishbone-Analyse, um wahrscheinliche Ursachen über People, Process, Technology, Environment, Methods und Materials hinweg zu strukturieren. So lässt sich ein vages Problem in einen klaren Ursache-Wirkungs-Baum überführen, die wahrscheinlichsten Treiber priorisieren und die nächsten Schritte festlegen. Nützlich für cause-and-effect bei UX-Audits, Incident-Reviews, Retrospektiven und Troubleshooting.

user-journeys hilft dabei, reale Nutzerflüsse zu erfassen, UX-Annahmen zu validieren und Pfade zur Fehlerbehebung für Produkt, Design, QA und user-journeys für UX Research zu dokumentieren.

Das ui-testing-Skill bietet einen checklistenbasierten Workflow zur UI-Prüfung, um unsichtbare Buttons, schwachen Kontrast, fehlende Fokuszustände und Probleme mit Touch-Zielen vor dem Release aufzudecken. Es eignet sich besonders für UI-Design-Reviews, Component-Checks und schnelle Accessibility-Checks mit weniger Rätselraten als ein allgemeiner Testing-Prompt.

cro-optimization analysiert eine Landingpage-URL oder eingefügtes HTML/CSS und macht daraus ein conversion-orientiertes CRO-Audit (Conversion Rate Optimization). Nutze es, um Anmeldungen, Leads oder Verkäufe mit praxisnahen Empfehlungen zu verbessern – basierend auf Klarheit, Message Match, klarer Ein-Angebot-Fokussierung und einer Prüfung auf Elementebene. Ideal, wenn du eine cro-optimization-Guide für Seitenkorrekturen, Priorisierung und conversionorientiertes Feedback brauchst.

Die Skill audit-website nutzt die `squirrel` CLI, um Websites und Webapps anhand von über 230 Regeln in den Bereichen SEO, Technik, Inhalte, Performance, Sicherheit, Links und Site-Health zu prüfen und anschließend umsetzbare, LLM-taugliche Reports bereitzustellen.