Engineering
mobile-ios-design avatar

mobile-ios-design

Master iOS Human Interface Guidelines and SwiftUI for native app development. Expert guidance for UI design, component implementation, and Apple platform design principles.

Introduction

The mobile-ios-design skill provides developers and designers with an authoritative guide to crafting high-quality, native iOS applications. By aligning development practices with Apple's official Human Interface Guidelines (HIG), this skill ensures that applications achieve the signature 'at-home' feel across Apple devices, including iPhone, iPad, and visionOS. It is designed for software engineers tasked with building robust, accessible, and performant user interfaces using SwiftUI. The skill bridges the gap between aesthetic design principles and technical implementation, covering everything from core visual hierarchy to complex navigation state management.

  • Principles of Clarity, Deference, and Depth to ensure user-centric interface design and intuitive navigation flow.

  • Comprehensive SwiftUI layout capabilities including Stack-based layouts (VStack, HStack), Grid systems (LazyVGrid), and adaptive UI patterns for various device form factors.

  • Advanced navigation patterns using NavigationStack and TabView to handle complex app architecture and deep-linking.

  • Deep integration with Apple's visual ecosystem including SF Symbols, system typography, and semantic color palettes that automatically support Light and Dark modes.

  • Accessibility-first development using Dynamic Type, accessibility labels, and hints to ensure compliance with inclusive design standards.

  • Advanced visual techniques such as system materials for blurs, vibrancy effects, and sophisticated shadow implementations for spatial depth.

  • Utilize semantic colors and system fonts to maintain consistency with Apple's platform-wide design evolution.

  • Implement State management for UI elements, ensuring smooth transitions and responsiveness under varying device conditions.

  • Follow best practices for safe area insets and adaptive constraints to prevent UI clipping on dynamic display edges.

  • Leverage the provided component templates, such as the FeatureCard, for rapid prototyping and standardized UI element creation.

  • Focus on touch-first interactions while considering gestures and system-specific inputs for enhanced user experience.

  • The skill acts as a living reference for iOS 16, 17, and 18+ features, helping developers stay updated with the latest SwiftUI modifiers and system integrations.

Repository Stats

Stars
34,495
Forks
3,737
Open Issues
4
Language
Python
Default Branch
main
Sync Status
Idle
Last Synced
Apr 29, 2026, 06:50 AM
View on GitHub