ios-mobile-design-competency

Review iOS screen designs for Human Interface Guidelines compliance in SwiftUI and UIKit.

Updated Jan 30, 2026

Search Tags:#accessibility #ios #ui-design #swiftui #dark-mode #uikit #human-interface-guidelines

Ready to run

npx skills add https://github.com/bengidev/tester_one_ios_project --skill ios-mobile-design-competency

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ios-mobile-design-competency
Source: https://github.com/bengidev/tester_one_ios_project/tree/main/skills/ios-mobile-design-competency
Command: npx skills add https://github.com/bengidev/tester_one_ios_project --skill ios-mobile-design-competency

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers often struggle to deliver iOS user interfaces that strictly follow Apple's Human Interface Guidelines, adapt to different devices, and remain accessible across environments.

Core Features & Use Cases

Align iOS UI design with the Human Interface Guidelines (HIG) for SwiftUI and UIKit to ensure visual consistency between design intent and implementation.
Build adaptive layouts that gracefully support Dynamic Type, Dark Mode, and varying screen sizes (iPhone and iPad).
Choose and implement navigation patterns (NavigationStack, TabView, sheets, or their UIKit equivalents) to fit app structure.
Integrate SF Symbols, system typography, and semantic colors to maintain platform-native aesthetics.
Ensure accessibility with VoiceOver, proper labeling, hints, and focus management.

Quick Start

Review and implement a new iOS screen following Apple's Human Interface Guidelines, ensuring adaptive layouts, accessibility, and system assets are used.

Frequently Asked Questions about ios-mobile-design-competency

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I design an iOS UI that follows Apple's Human Interface Guidelines?▼

To design an iOS UI following Human Interface Guidelines, implement semantic colors, Dynamic Type, and SF Symbols. Ensure your SwiftUI or UIKit layouts adapt to safe areas and Dark Mode for native aesthetics across iPhone and iPad.

How do I support Dark Mode and Dynamic Type in SwiftUI and UIKit?▼

Support Dark Mode and Dynamic Type in SwiftUI and UIKit by applying semantic colors and system text styles. Build adaptive layouts that scale gracefully, ensuring your UI elements remain readable and visually consistent across all iPhone and iPad screen sizes.

What is the best way to implement VoiceOver accessibility in an iOS app?▼

The best way to implement VoiceOver accessibility is by adding proper labeling, hints, and focus management to your UI elements. Ensure interactive components in SwiftUI and UIKit have accessible traits and descriptive labels for screen reader navigation.

Does this iOS UI design approach work for both iPhone and iPad?▼

Yes, this iOS UI design approach works for both iPhone and iPad by building adaptive layouts that respect safe areas. It ensures your SwiftUI and UIKit interfaces scale correctly across different screen sizes while maintaining Human Interface Guidelines compliance.

How do I choose between NavigationStack and TabView for iOS app navigation?▼

Choose between NavigationStack and TabView based on your app structure. Use NavigationStack for hierarchical content navigation and TabView for flat category switching, implementing their UIKit equivalents when working with legacy interfaces and sheets.