IOS Human Interface Guidelines Design Skill
Skill Verifiziert AktivDesign native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Island", "safe areas", "HIG compliance", "SF Symbols", "haptic feedback", or "iOS accessibility". Also trigger when building tab bars, navigation stacks, sheets, or modals for iOS, implementing dark mode, or adapting layouts for different screen sizes. Covers navigation patterns, accessibility, SF Symbols, and platform conventions. For general UI polish, see refactoring-ui. For affordance design, see design-everyday-things.
Design intuitive, platform-aligned native iOS interfaces that feel trustworthy and accessible to all users.
Funktionen
- Design native iOS interfaces following Apple HIG
- Covers layout, safe areas, typography, and color
- Details navigation patterns, controls, and gestures
- Ensures accessibility (VoiceOver, Dynamic Type)
- Provides guidance on icons, widgets, and system integration
Anwendungsfälle
- Designing iPhone or iPad app interfaces
- Validating designs against iOS conventions
- Implementing proper navigation and UI components
- Ensuring accessibility and platform alignment
Nicht-Ziele
- Providing specific code implementations
- Designing for Android or other platforms
- Offering marketing or business strategy advice
Workflow
- Understand core design principles (clarity, deference, depth)
- Review specific iOS design areas (layout, typography, color, navigation, controls, accessibility, icons, gestures)
- Apply guidelines to design native interfaces
- Use provided diagnostic questions and best practices for auditing
- Consult reference files for deeper dives into specific topics
Praktiken
- UI Design
- Accessibility
- Platform Conventions
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add wondelai/skills/plugin install skills@wondelai-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
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.
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Sentry Cocoa Sdk
98Full Sentry SDK setup for Apple platforms (iOS, macOS, tvOS, watchOS, visionOS). Use when asked to "add Sentry to iOS", "add Sentry to Swift", "install sentry-cocoa", or configure error monitoring, tracing, profiling, session replay, or logging for Apple applications. Supports SwiftUI and UIKit.
Baseline Ui
100Validiert Animationsdauern, erzwingt die Typografieskala, prüft die Barrierefreiheit von Komponenten und verhindert Anti-Patterns im Layout von Tailwind CSS-Projekten. Verwenden Sie dies beim Erstellen von UI-Komponenten, beim Überprüfen von CSS-Dienstprogrammen, beim Stylen von React-Ansichten oder beim Erzwingen von Designkonsistenz.
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.
Macos Design
100Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.