skills.rest
michaelkd01
michaelkd01COMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

Design native iOS SwiftUI interfaces aligned with Apple's Human Interface Guidelines.

Updated Aug 23, 2026
Search Tags:#accessibility#swiftui#sf-symbols#navigation-patterns#adaptive-layouts#human-interface-guidelines#ios-design
One-click install
npx skills add https://github.com/michaelkd01/dic-skills --skill mobile-ios-design-michaelkd01
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/michaelkd01/dic-skills/tree/main/mobile-ios-design
Command: npx skills add https://github.com/michaelkd01/dic-skills --skill mobile-ios-design-michaelkd01

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mobile designers often struggle to keep SwiftUI interfaces aligned with the Human Interface Guidelines while balancing navigation, layout, and accessibility needs across devices, and this Skill delivers structured guidance to solve that design consistency gap.

Core Features & Use Cases

  • Human Interface Guidelines Principles: Explains clarity, deference, and depth while covering iOS, iPadOS, and visionOS considerations so every interface feels distinctly Apple.
  • SwiftUI Layout and Navigation Patterns: Walks through stack-based layouts, adaptive grids, NavigationStack, TabView, and split-view structures to prototype responsive screens.
  • System Integration & Best Practices: Guides the use of SF Symbols, Dynamic Type, semantic colors, materials, accessibility modifiers, and testing tactics so you can craft inclusive FeatureCard components and polished product screens.

Quick Start

Request guidance for designing an adaptive SwiftUI layout with NavigationStack, TabView, semantic colors, and accessibility tweaks for both iPhone and iPad.

Frequently Asked Questions about mobile-ios-design

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

FAQPage Schema
How do I design SwiftUI interfaces that align with Apple's Human Interface Guidelines?▼

To design SwiftUI interfaces aligned with Human Interface Guidelines, apply core principles of clarity, deference, and depth across iOS, iPadOS, and visionOS. Structure your views using stack-based layouts, adaptive grids, and semantic colors to ensure native consistency.

What's the best way to build adaptive layouts for iPhone and iPad in SwiftUI?▼

Build adaptive layouts in SwiftUI using NavigationStack, TabView, and split-view structures. These navigation patterns automatically adjust to different screen sizes, ensuring responsive screens across iPhone and iPad without manual device-specific overrides.

How does SwiftUI handle accessibility modifiers and Dynamic Type?▼

SwiftUI handles accessibility through built-in modifiers and Dynamic Type support. Apply accessibility modifiers to individual views and use semantic colors to ensure content adapts to user preferences, creating inclusive components like FeatureCards.

Can I use SF Symbols and materials for system integration in visionOS?▼

Yes, SF Symbols and materials integrate with visionOS, iPadOS, and iOS. Use SF Symbols for scalable icons and materials for translucent backgrounds to maintain visual consistency with native system patterns.

When do I need NavigationStack versus TabView for iOS navigation patterns?▼

Use NavigationStack for hierarchical drill-down navigation patterns and TabView for flat, peer-level destination switching. Combine both with split-view structures to prototype responsive screens across iPhone and iPad.

What are the limitations of designing for visionOS compared to iOS?▼

Designing for visionOS requires considering spatial depth and deference beyond standard iOS layouts. While SwiftUI components adapt, you must plan adaptive layouts and accessibility tweaks specifically for immersive experiences rather than flat screen paradigms.

Related Skills

Explore More Design & Creative Skills→
heyAyushhheyAyushh
3

swiftui-view-refactor

Refactor SwiftUI view files to enforce consistent structure and dependency injection.

Community
Intermediate
smithisrealdevsmithisrealdev

mobile-ios-design

Guides native iOS app creation with SwiftUI, Human Interface Guidelines, and adaptive layouts.

Community
Intermediate
wesleyosantos91wesleyosantos91
6

ios-patterns

Implement SwiftUI features with MVVM, async/await, repositories, and SwiftData.

Community
Intermediate
JhabbigJhabbig

mobile-ios-design

Design native iOS interfaces following Apple Human Interface Guidelines and SwiftUI best practices.

Community
Advanced