Wcag

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.

ux-designer ist eine strukturierte UX-Design-Skill für Research, Accessibility, Informationsarchitektur, Interaktions-Flows, Wireframe-Leitlinien und UX Copy. Sie hilft Teams, aus groben Produktideen klarere, kriterienbasierte Designentscheidungen zu machen – mit `AGENTS.md` und fokussierten Regeldateien.

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.

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 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 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.

ui-web hilft dir, Web-UI-Komponenten mit WCAG-2.1-AA-Prüfungen, hohem Kontrast, klar erkennbaren Bedienelementen und Tailwind-Mustern für den Dark Mode zu entwerfen und zu gestalten. Nutze dieses ui-web Skill für React-ähnliche Frontends, wenn du praxisnahe UI-Design-Leitlinien brauchst, die die Barrierefreiheit verbessern und Rätselraten reduzieren.

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.

ui-mobile ist ein praxisnaher Leitfaden für Mobile UI-Design in React Native und angrenzenden iOS-/Android-Codebasen. Der Fokus liegt auf barrierefreien Touch-Zielen, Kontrast und Interaktionsregeln, damit du sicherere Screens bauen, Komponenten prüfen und die mobile Usability mit weniger Rätselraten verbessern kannst.

web-design-guidelines ist ein frameworkunabhängiger Leitfaden für den Aufbau, die Prüfung und die Verbesserung zugänglicher, responsiver Web-UI. Nutze ihn für semantisches HTML, WCAG-2.2-Checks, Formulare, Fokuszustände, Kontrast, Dark Mode, Performance und Layoutentscheidungen über HTML, CSS und JS hinweg.

fixing-accessibility hilft dabei, HTML-Barrierefreiheitsprobleme vor dem Release zu prüfen und zu beheben. Nutze es für Buttons, Formulare, Dialoge, Tabs, Icon-only-Steuerelemente, Tastaturführung, Fokusverhalten, Formularfehler, Kontraste und Screenreader-Beschriftungen. Die fixing-accessibility-Skill ist ideal für gezielte UI-Code-Fixes, nicht für breite Compliance-Reports.

swiftui-wcag-accessibility-auditor prüft SwiftUI-iOS-Feature-Code auf WCAG 2.2 Level A/AA und WCAG2Mobile und liefert danach direkt patchfähige Korrekturen mit Nachweisen, Prioritäten und Prüfhinweisen zur Nutzerverifikation bei code-unklaren Verhaltensweisen. Verwenden Sie es für Authentifizierung, Formulare, Einstellungen, benutzerdefinierte Steuerelemente und UX-Audits vor dem Merge.

design-system-starter unterstützt Teams dabei, ein Designsystem mit Tokens, atomaren Komponenten, Theming, WCAG-2.1-AA-Leitlinien, Checklisten sowie React-freundlichen Vorlagen für Dokumentation und Starter-Code aufzusetzen.