ios-mobile-design-competency

name

ios-mobile-design-competency

description

Master Apple-standard iOS UI design and implementation across SwiftUI and UIKit. Use when designing or reviewing iOS screens to follow Human Interface Guidelines (HIG), build adaptive layouts, choose navigation patterns (NavigationStack/TabView/sheets or UINavigationController/UITabBarController), integrate SF Symbols/system typography/semantic colors, ensure Dark Mode + high-contrast support, and implement accessibility (VoiceOver, Dynamic Type, touch targets).

iOS Mobile Design Competency

Use this skill to design and implement polished, native iOS UI that matches Apple conventions and stays compliant across:

• SwiftUI (declarative)
• UIKit (imperative)

Operating rules (fast)

• Prefer system defaults first: semantic colors, dynamic type styles, SF Symbols.
• Respect safe areas and touch targets (>= 44x44pt).
• Validate Dark Mode and Dynamic Type early (not at the end).
• Treat accessibility as a feature, not a pass.

Workflow

1) Clarify the UI contract

Capture, in 5 bullets:

• Screen purpose + primary action
• Information hierarchy (what’s most important?)
• Navigation entry/exit (push? tab? modal?)
• States (loading/empty/error)
• Accessibility expectations (labels, headings, focus order)

2) Pick the framework layer

• Use SwiftUI when you can (new screens, rapid iteration, composable UI).
• Use UIKit when needed (legacy app sections, fine-grained control, advanced collection layouts, specific integrations).
• Mixed is fine: embed via UIHostingController or .