skills.rest
TechCorp25
TechCorp25COMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

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

Updated May 20, 2026
Search Tags:#accessibility#mobile design#navigation#ios#swiftui#human interface guidelines#sf symbols
One-click install
npx skills add https://github.com/TechCorp25/kingdom --skill mobile-ios-design-techcorp25
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/TechCorp25/kingdom/tree/main/.claude/skills/ui-design/skills/mobile-ios-design
Command: npx skills add https://github.com/TechCorp25/kingdom --skill mobile-ios-design-techcorp25

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building native iOS apps that follow Apple's Human Interface Guidelines requires deep knowledge of SwiftUI layout systems, navigation patterns, typography, and accessibility rules, which is easy to get wrong without structured guidance. ## Core Features & Use Cases - SwiftUI Layout & Components: Provides stack-based layouts, adaptive grids, lists, forms, buttons, sheets, and loading states with production-ready code patterns. - Navigation Patterns: Covers NavigationStack, NavigationSplitView, TabView, sheets, deep linking, and coordinator-based routing for iOS 16+ through iOS 18+. - HIG-Compliant Design: Includes semantic colors, SF Symbols, Dynamic Type typography, haptic feedback, VoiceOver accessibility, and Dark Mode support. - Use Case: When building an iPhone and iPad app, use this Skill to generate a NavigationSplitView master-detail layout with adaptive columns, semantic colors, and VoiceOver labels that pass accessibility review. ## Quick Start Ask the AI to build an iOS settings screen in SwiftUI with a form, toggles, and navigation following Apple Human Interface Guidelines.

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 for iOS 16 and later?▼

Use NavigationStack with a NavigationPath binding for programmatic navigation, and register destinations with .navigationDestination(for:). For iPad, NavigationSplitView provides two or three-column master-detail layouts with automatic size class adaptation.

How to support Dark Mode in a SwiftUI app?▼

Use semantic colors like .primary, .secondary, and .background instead of hardcoded values, since they adapt automatically to light and dark appearances. For custom colors, define variants in the asset catalog rather than branching on color scheme in code.

Does SwiftUI support Dynamic Type for accessibility?▼

Yes, semantic fonts like .body and .headline scale automatically with the user's Dynamic Type setting. Custom fonts can participate by using Font.custom with the relativeTo parameter, and layouts can adapt via the dynamicTypeSize environment value.

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 instantiate views only as they scroll into view.

When should I use NavigationStack versus NavigationSplitView?▼

NavigationStack suits single-column push/pop flows typical on iPhone, while NavigationSplitView fits iPad and macOS apps needing persistent sidebar and detail columns. Split views collapse to stack behavior automatically in compact size classes.

Related Skills

Explore More Design & Creative Skills→
n0ann0an
103

add-new-screen

Add SwiftUI screens to VivaDicta with NavigationStack and AppState.

Community
Advanced
muzhicaomingwangmuzhicaomingwang
3

ios

Refactor iOS apps to adopt MVVM with SwiftUI and async/await.

Community
Advanced
xtonextone
3

swiftui-accessibility

Add VoiceOver labels, hints, and values to SwiftUI views.

Official
Basic
PostalocityPostalocity
1

mobile-developer

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

Official
Intermediate