Accessibility

healthcare-emr-patterns ist ein praxisorientiertes Skill für das EMR/EHR-Design im Gesundheitswesen. Es behandelt Patientenkontakt-Workflows, klinische Dokumentation, Medikationsprüfungen, das Hervorheben von Laborwerten, Audit-Trails, CDSS-Integration und barrierefreie medizinische Datenerfassung für sicherere Arbeitsabläufe im klinischen Alltag.

flutter-dart-code-review ist eine bibliotheksunabhängige Checkliste für Flutter- und Dart-Code-Reviews zu Architektur, Widget-Qualität, State Management, Performance, Barrierefreiheit, Sicherheit und sauberem Code. Nutze sie als strukturierten Guide für Code Reviews über BLoC, Riverpod, Provider, GetX, MobX, Signals oder eigene Muster.

browser-qa ist ein Browser-QA-Skill für visuelle Tests nach dem Deployment, Interaktionsprüfungen, responsive Screenshots und Accessibility-Reviews mit Browser-Automatisierung. Er hilft Frontend-Entwicklern und QA-Teams, Staging- oder Preview-Seiten mit einem wiederholbaren browser-qa-Guide zu verifizieren, statt mit einem generischen Prompt.

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.

frontend-design verwandelt vage UI-Ideen in markante, produktionsreife Interfaces mit echtem Frontend-Code, klarer Designrichtung und weniger generischem AI-Look.

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.

visualization-expert ist eine schlanke Skill für Diagrammauswahl, Best Practices der Datenvisualisierung und Beispielcode mit matplotlib oder plotly. Sie hilft dabei, passendere Diagramme zu wählen, Dashboards zu beurteilen und klare, barrierearme Visualisierungsrichtlinien aus einer einzelnen SKILL.md-Datei anzuwenden.

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.

ui-ux-pro-max ist eine umfassende KI-Unterstützung für UI/UX-Design. Die Skill bietet strukturierte Empfehlungen zu Layouts, Stilen, Farbsystemen, Typografie und UX-Regeln für Web- und Mobile-Projekte. Ideal für Entwickler und Teams, die praxisnahe Designentscheidungen für React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter und HTML/CSS treffen möchten. Perfekt zum Planen, Überprüfen und Optimieren von UIs mit kuratiertem Designwissen.

ckm:ui-styling unterstützt Sie beim Erstellen barrierefreier, produktionsreifer Benutzeroberflächen mit shadcn/ui, Tailwind CSS und Canvas-basiertem Design. Optimal für React-Projekte, die strukturierte, responsive Layouts, zugängliche Komponenten, Dark Mode und konsistente Designsysteme benötigen. Nutzen Sie ckm:ui-styling für UI-Design, Theming und schnelles Prototyping mit praxisnahen, stack-spezifischen Tipps.

ckm:brand ist ein Skill für Branding-Workflows zum Erstellen, Aktualisieren und Prüfen von Markenrichtlinien, Messaging, Tonalität, visueller Identität und Design-Token-Sync mit praxisnahen Skripten und Checklisten.

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.

design-system-patterns unterstützt Teams dabei, skalierbare UI-Grundlagen mit Token-Struktur, Theming-Architektur und wiederverwendbaren Component-API-Patterns für Design-Systeme und Komponentenbibliotheken zu entwickeln.

Die Skill web-component-design unterstützt Teams beim Entwurf wiederverwendbarer UI-Komponenten für React, Vue und Svelte – mit starken API-Mustern, Hinweisen zur Barrierefreiheit und Referenzen zu Styling-Abwägungen für Designsysteme.

mobile-android-design unterstützt Agents dabei, Android-native UI-Empfehlungen mit Material Design 3, Jetpack Compose, Theming, Navigation und adaptiven Layout-Mustern für Smartphones, Tablets und Foldables zu liefern.

Die Skill mobile-ios-design unterstützt Agents dabei, iOS-native UI-Empfehlungen mit Apple-HIG-Prinzipien, SwiftUI-Mustern, Navigationshinweisen, Barrierefreiheit und adaptiven Layouts für iPhone und iPad zu erstellen.

Nutze die tailwind-design-system Skill, um Designsysteme mit Tailwind CSS v4 zu erstellen – mit Tokens, Theming, Varianten, Barrierefreiheit und Hinweisen zur Migration von v3 auf v4.

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.

Das harden Skill hilft dabei, UI-Designs und Interface-Spezifikationen produktionsreif zu machen, indem es Randfälle, leere Zustände, Fehlerbehandlung, langen Text, Lokalisierung, Berechtigungen und andere reale Fehlerszenarien testet. Verwende es für harden für UI Design, wenn du weniger Layout-Überraschungen und vollständigere Verhaltensregeln brauchst.

Clarify verbessert unklare UX-Texte, Fehlermeldungen, Labels, Onboarding-Schritte und Anweisungen, damit Nutzer mit weniger Rätselraten handeln können. Es eignet sich für Technical Writing, Support-Inhalte und Produktteams, die verständlichere Interface-Texte brauchen. Der Skill beginnt mit Kontext, Zielgruppe und Nutzerzustand, bevor umgeschrieben wird, sodass das Ergebnis direkter, konkreter und besser nutzbar ist.

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.

frontend-design ist eine kontextorientierte Skill für markanten Frontend-UI-Code. Nutze sie, um Zielgruppe, Anwendungsfall und Markenton in bessere Layouts, Typografie, Farben, Motion, Interaktionszustände und UX-Texte für Seiten, Komponenten und Flows zu übersetzen.