skills.rest
kiprotichgidii
kiprotichgidiiCOMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

Implement iOS interfaces using SwiftUI patterns and Apple Human Interface Guidelines.

Updated May 8, 2026
Search Tags:#accessibility#mobile design#navigation#ios#dark mode#swiftui#human interface guidelines
One-click install
npx skills add https://github.com/kiprotichgidii/agent-skills --skill mobile-ios-design-kiprotichgidii
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/kiprotichgidii/agent-skills/tree/main/skills/mobile-ios-design
Command: npx skills add https://github.com/kiprotichgidii/agent-skills --skill mobile-ios-design-kiprotichgidii

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building iOS apps that feel native requires deep knowledge of Apple's Human Interface Guidelines and SwiftUI patterns, and developers often struggle with navigation architecture, adaptive layouts, accessibility, and dark mode support. ## Core Features & Use Cases - SwiftUI Layout & Navigation Patterns: Provides ready-to-use implementations of NavigationStack, NavigationSplitView, TabView, sheets, and deep linking for iOS 16+ through iOS 18+. - HIG-Compliant Design Guidance: Covers semantic colors, SF Symbols, Dynamic Type typography, safe areas, haptics, and VoiceOver accessibility. - Component Library: Includes reference implementations for lists, forms, buttons, loading states, animations, gestures, and error/empty states. - Use Case: When building a new iOS settings screen, use this Skill to generate a Form with toggles, pickers, and grouped sections that automatically supports dark mode and Dynamic Type. ## Quick Start Ask the AI to build an iOS settings screen in SwiftUI with a navigation stack, grouped form sections, and dark mode support following Apple HIG.

Frequently Asked Questions about mobile-ios-design

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

FAQPage Schema
How do I implement navigation in SwiftUI with NavigationStack?▼

Use NavigationStack with a NavigationPath binding and define navigationDestination modifiers for each Hashable destination type. Push views by appending values to the path, and pop by removing elements, enabling fully programmatic navigation on iOS 16 and later.

How to support dark mode in a SwiftUI app?▼

Use semantic colors like .primary, .secondary, and .background instead of hardcoded color values, since they adapt automatically to light and dark appearances. For custom colors, define variants in the asset catalog or use UIColor system colors wrapped as SwiftUI Colors.

Does SwiftUI support Dynamic Type for accessibility?▼

Yes, SwiftUI supports Dynamic Type through semantic fonts like .body, .headline, and .title that scale with user preferences. Custom fonts can also scale by using Font.custom with the relativeTo parameter, and layouts can adapt using the dynamicTypeSize environment value.

NavigationStack vs NavigationSplitView: which should I use?▼

Use NavigationStack for single-column hierarchical navigation typical on iPhone. Use NavigationSplitView for two or three-column layouts on iPad and larger screens, where a sidebar and detail view appear side by side.

Why does my SwiftUI list scroll slowly with many items?▼

Performance issues occur when using VStack inside ScrollView for long lists, since all views render eagerly. Switch to List or LazyVStack/LazyVGrid, which render cells on demand, and avoid heavy modifiers inside row content.

Related Skills

Explore More Software Engineering Skills→
zardusai-cyberzardusai-cyber
1

swiftui-patterns

Standardize SwiftUI app architecture with state wrappers and type-safe navigation.

Community
Advanced
rudrankriyamrudrankriyam
954

asc-release-flow

Automate TestFlight and App Store releases for iOS, macOS, visionOS, and tvOS.

Community
Advanced
fal3fal3
13

iOS Accessibility Skill

Implement VoiceOver, Dynamic Type, color contrast, and HIG compliance in iOS apps.

Community
Intermediate
PostalocityPostalocity
1

mobile-developer

Guide iOS and Android development with Swift, Kotlin, and cross-platform frameworks.

Official
Intermediate