IOS Human Interface Guidelines Design Skill
Skill Verified ActiveDesign 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.
Features
- 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
Use Cases
- Designing iPhone or iPad app interfaces
- Validating designs against iOS conventions
- Implementing proper navigation and UI components
- Ensuring accessibility and platform alignment
Non-Goals
- 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
Practices
- UI Design
- Accessibility
- Platform Conventions
Installation
First, add the marketplace
/plugin marketplace add wondelai/skills/plugin install skills@wondelai-skillsQuality Score
VerifiedSimilar Extensions
Ios Design Guidelines
99Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces for iOS. Triggers on tasks involving iPhone UI, iOS components, accessibility, Dynamic Type, Dark Mode, or HIG compliance.
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
100Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.
Android Design Guidelines
100Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts, implementing Material You, navigation, or accessibility. Triggers on tasks involving Android UI, Compose components, dynamic color, or Material Design compliance.
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.