IPadOS Design Guidelines
Skill Verifiziert AktivApple Human Interface Guidelines für iPad. Verwenden Sie diese, wenn Sie für iPad optimierte Oberflächen erstellen, Multitasking, Pointer-Unterstützung, Tastenkombinationen oder reaktionsschnelle Layouts implementieren. Wird ausgelöst bei Aufgaben, die iPad, Split View, Stage Manager, Seitenleistennavigation oder Trackpad-Unterstützung betreffen.
Entwickler anzuleiten, qualitativ hochwertige, für iPad optimierte Benutzeroberflächen zu erstellen, die mit den Designstandards von Apple übereinstimmen und die einzigartigen Funktionen der Plattform nutzen.
Funktionen
- Detaillierte iPadOS Human Interface Guidelines
- Regeln für reaktionsschnelle Layouts und adaptives Design
- Anleitung für Multitasking (Split View, Slide Over, Stage Manager)
- Unterstützung für Zeiger-, Trackpad- und Tastaturinteraktionen
- Umfassende Best Practices für Barrierefreiheit für iPad
Anwendungsfälle
- Entwurf von für iPad optimierten Anwendungen von Grund auf
- Überprüfung bestehender iPad-Apps auf HIG-Konformität
- Implementierung iPad-spezifischer Funktionen wie Split View oder Tastenkombinationen
- Sicherstellung der Einhaltung von Barrierefreiheitsstandards für iPad-Benutzer
Nicht-Ziele
- Bereitstellung spezifischer UI-Code-Implementierungen (Fokus liegt auf Richtlinien)
- Abdeckung allgemeiner iOS-Designprinzipien, die nicht iPadOS-spezifisch sind
- Design für andere Apple-Plattformen (macOS, watchOS usw.)
- Bereitstellung eines Tools, das diese Richtlinien automatisch erzwingt
Workflow
- Überprüfen Sie SKILL.md auf iPadOS-Designprinzipien.
- Konsultieren Sie spezifische Abschnitte für Layout, Multitasking, Navigation, Zeiger, Tastatur, Apple Pencil, Drag & Drop, externe Displays und Barrierefreiheit.
- Wenden Sie die empfohlenen Richtlinien und Anti-Patterns während des Design- und Entwicklungsprozesses an.
- Verwenden Sie die bereitgestellten Codebeispiele als Referenz für die Implementierung.
Praktiken
- Designsystem
- Benutzeroberflächendesign
- Barrierefreiheit
- Plattformrichtlinien
Installation
npx skills add ehmo/platform-design-skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
MacOS Design Guidelines
100Apple Human Interface Guidelines für Mac. Verwenden Sie diese, wenn Sie macOS-Apps mit SwiftUI oder AppKit erstellen, Menüleisten, Symbolleisten, Fensterverwaltung oder Tastenkombinationen implementieren. Löst bei Aufgaben aus, die sich auf Mac-Benutzeroberflächen, Desktop-Apps oder Mac Catalyst beziehen.
Ios Design Guidelines
99Apple Human Interface Guidelines für iPhone. Verwenden Sie dies beim Erstellen, Überprüfen oder Refaktorieren von SwiftUI/UIKit-Schnittstellen für iOS. Löst bei Aufgaben aus, die iPhone-UI, iOS-Komponenten, Barrierefreiheit, Dynamic Type, Dark Mode oder HIG-Konformität betreffen.
Ios Hig Design Guide
98Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data. Use when a task asks for iOS UI/UX rules, Apple design standards, component behavior, accessibility constraints, interaction patterns, or feature-level design-spec writing grounded in official HIG pages.
Android Design Guidelines
100Material Design 3- und Android-Plattformrichtlinien. Verwenden Sie dies beim Erstellen von Android-Apps mit Jetpack Compose oder XML-Layouts, bei der Implementierung von Material You, Navigation oder Barrierefreiheit. Löst bei Aufgaben aus, die sich auf Android UI, Compose-Komponenten, dynamische Farben oder die Einhaltung von Material Design beziehen.
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Design Workflow
100Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.