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.

ui-design-system ist ein Claude Skill für Design Systems, der beim Erstellen von Design Tokens, Farbskalen, Typografie, Abständen, responsiven Regeln, Komponentendokumentation und Developer-Handoff-Assets hilft – mit Referenzen und einem Python Token Generator für Ausgaben als JSON, CSS, SCSS oder Zusammenfassung.

apple-hig-expert ist ein Claude Skill für Apple-HIG-Design und Audits auf iOS, macOS, watchOS und visionOS. Er liefert plattformspezifische Hinweise, Accessibility-Empfehlungen, eine visuelle Prüfung für Liquid Glass, eine HIG-Audit-Vorlage sowie einen Python-Checker für Kontrast und Tap Targets.

md-review wandelt Markdown-PR-Beschreibungen mit eingezäunten Unified Diffs und Severity-Callouts in ein einseitiges, zweispaltiges HTML-Code-Review um. Der Skill nutzt Parser-, Annotation- und Renderer-Scripts, erfordert einen benannten Reviewer, unterstützt die Konventionen BLOCKER/MAJOR/MINOR/NIT und erhält barrierefreie Hinweise zur Schwere des Befunds.

email-template-builder hilft Teams, Systeme für Transaktions-E-Mails mit React Email- oder MJML-Templates zu entwerfen – inklusive Provider-Integrationen für Resend, Postmark, SendGrid oder AWS SES, Preview-Tools, i18n, Dark Mode, Deliverability-Prüfungen und Tracking. Besonders geeignet für SaaS- und Produktteams, die einzelne HTML-E-Mails durch wartbare Workflows ersetzen möchten.