Design & UI
Platform Design Skills
450+ Regeln aus Apple HIG, Material Design 3 und WCAG 2.2 für acht Plattformen
Redaktion: Josef Wilhelm
Dieser Skill bündelt Gestaltungsrichtlinien für iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android und Web in einer strukturierten Regelsammlung. Grundlage sind die Apple Human Interface Guidelines, Material Design 3 sowie WCAG 2.2, aus denen jeweils plattformspezifische SKILL.md-Dateien mit konkreten Regeln, Codebeispielen und Referenztabellen erstellt wurden. Themen reichen von Navigationsmustern und Farbrollen über Fenstergrößenklassen bis zu Gesten wie dem Predictive-Back auf Android.
Der Skill eignet sich für Reviews bestehender UI-Implementierungen, für Entscheidungshilfen bei der Wahl von Navigationskomponenten sowie für die Prüfung von Barrierefreiheit nach WCAG. Er aktiviert sich automatisch, sobald ein Agent Aufgaben mit Bezug zu SwiftUI, Jetpack Compose, XML-Layouts oder Web-Frontends erkennt. Da es sich um reine Dokumentationsdateien ohne ausführbaren Code handelt, lässt er sich risikoarm in bestehende Entwicklungs- und Designprozesse einbinden.
Quelle: GitHub-Repository ehmo/platform-design-skills
FAQ
Häufige Fragen zu Platform Design Skills
- Welche Plattformen deckt der Skill ab?
- Acht plattformspezifische SKILL.md-Dateien für iOS, iPadOS, macOS, watchOS, visionOS, tvOS, Android und Web. Jede basiert auf Apple HIG (iOS/iPadOS/macOS/watchOS/visionOS/tvOS), Material Design 3 (Android) oder WCAG 2.2 (Web) und enthält eigene Regeln, Codebeispiele und Referenztabellen für die jeweilige Plattform.
- Führt der Skill Code aus oder verändert er Projektdateien?
- Nein. Es handelt sich um reine Dokumentationsdateien (SKILL.md, metadata.json, Regeldateien im rules/-Verzeichnis) ohne ausführbaren Code. Der Agent liest die Regeln als Referenz, das Einbinden gilt daher als risikoarm.
- Muss ich manuell festlegen, welches Plattform-Regelwerk verwendet wird?
- Nicht zwingend. Laut Repo aktivieren sich die Skills automatisch, sobald ein Agent eine Aufgabe mit Bezug zu SwiftUI, UIKit, AppKit, Jetpack Compose, XML-Layouts oder Web-Frontends erkennt. Beispiele aus der Dokumentation sind Prompts wie 'Review this SwiftUI view for iOS HIG compliance' oder 'Check this Android Compose screen against Material Design'.
- Wie installiere ich den Skill und was kostet er?
- Installation per npx skills add ehmo/platform-design-skills. Das Repository steht unter MIT-Lizenz, Kosten für die Nutzung der Skill-Dateien selbst gehen aus dem Repo nicht hervor (Stand Juli 2026).