mobile-ios-design

This skill provides a comprehensive framework for iOS development, focusing on the intersection of Apple's Human Interface Guidelines (HIG) and practical SwiftUI implementation. It is designed for developers, UI/UX designers, and mobile engineers who need to build polished, native-feeling applications that adhere to Apple's platform standards. The skill covers a broad spectrum of iOS design and development, from foundational layout principles to complex system integration tasks.

• Implementing robust SwiftUI layout systems, including stack-based layouts (VStack, HStack), responsive grid systems (LazyVGrid), and adaptive components.

• Advanced navigation architecture using NavigationStack and TabView to manage complex app state and deep-linking requirements.

• Applying visual design system standards, such as semantic colors, system materials (ultraThinMaterial), and depth-based shadows for a native look and feel.

• Managing typography and readability through Dynamic Type, ensuring apps remain accessible and user-friendly across different device sizes.

• Integrating Apple ecosystem features including SF Symbols for vector-based iconography, system interactions, and haptic feedback.

• Designing for cross-platform responsiveness between iPhone, iPad, and visionOS paradigms, handling screen rotation and multi-window multitasking.

• Utilize semantic colors and materials (e.g., .primary, .secondary, .background) to ensure automatic light and dark mode compliance.

• Leverage the provided Quick Start components, such as 'FeatureCard', to rapidly prototype standard UI patterns following Apple's design language.

• Integrate accessibility modifiers like .accessibilityLabel and .accessibilityHint to ensure compliance with inclusive design standards.

• Respect safe areas and system insets to avoid content overlapping with hardware UI elements like notches and Home Indicators.

• Rely on SwiftUI native modifiers rather than hardcoded dimensions for alignment and spacing to maintain fluid adaptability.

• Use this skill during the initial design phase to clarify UI requirements, or during the implementation phase to debug view layouts and navigation flows.