mobile-ios-design

Align iOS SwiftUI designs with Apple's Human Interface Guidelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/KaziNizamul/SaveMyTax --skill mobile-ios-design-kazinizamul
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/KaziNizamul/SaveMyTax/tree/main/.agents/skills/mobile-ios-design
Command: npx skills add https://github.com/KaziNizamul/SaveMyTax --skill mobile-ios-design-kazinizamul

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and engineers often struggle to apply Apple's Human Interface Guidelines consistently across SwiftUI projects, leading to inconsistent user experiences and accessibility gaps.

Core Features & Use Cases

  • HIG-aligned design principles: Clarity, Deference, and Depth to create intuitive interfaces.
  • SwiftUI layout and navigation patterns: Build resilient UIs using stacks, grids, and NavigationStack/TabView.
  • Adaptive and accessible design: Dynamic Type, Dark Mode, size classes, and accessibility best practices.
  • System assets and typography: SF Symbols, system fonts, and semantic color usage for consistency.
  • Practical patterns and references: Guidance on gestures, navigation, and responsive UI across iPhone and iPad.

Quick Start

Apply these patterns in your next SwiftUI project to build accessible, adaptive iOS interfaces.

Frequently Asked Questions about mobile-ios-design

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

FAQPage Schema
How do I apply Apple's Human Interface Guidelines to SwiftUI views?

To apply Apple's Human Interface Guidelines to SwiftUI views, use HIG-aligned design principles like Clarity, Deference, and Depth to build intuitive interfaces. This ensures consistent UI patterns and accessibility across iPhone and iPad.

What's the best way to build adaptive layouts for Dark Mode and Dynamic Type in iOS?

The best way to build adaptive layouts for Dark Mode and Dynamic Type in iOS is using SwiftUI size classes and semantic colors. This ensures your interface adapts to accessibility settings across iPhone and iPad.

How do I use SF Symbols and system fonts for consistent iOS typography?

To use SF Symbols and system fonts for consistent iOS typography, apply SwiftUI system assets and semantic color usage. This provides visual consistency and supports Dynamic Type accessibility settings.

What SwiftUI navigation patterns work best for iPhone and iPad?

For iPhone and iPad, use SwiftUI NavigationStack and TabView patterns to build resilient UIs. These navigation patterns align with Apple's Human Interface Guidelines to maintain consistent user experiences.

Does this iOS design approach support accessibility settings like VoiceOver?

Yes, this iOS design approach supports accessibility by implementing Dynamic Type, Dark Mode, and adaptive layouts. Following HIG accessibility best practices ensures your SwiftUI interface remains usable across varying accessibility settings.