skills.rest
zester4
zester4COMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

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

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

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 APIs, and getting navigation, typography, colors, and accessibility right without guidance leads to inconsistent, non-compliant interfaces. ## Core Features & Use Cases - SwiftUI Layout & Components: Provides stack-based layouts, adaptive grids, lists, forms, buttons, sheets, and loading states following HIG spacing and typography standards. - Navigation Patterns: Covers NavigationStack, NavigationSplitView, TabView, sheets with detents, deep linking, and coordinator-based routing for iOS 16 through iOS 18. - HIG Compliance & Accessibility: Supplies semantic colors, Dynamic Type support, SF Symbols usage, VoiceOver labels, haptic feedback, and dark mode-safe styling. - Use Case: When building a new iOS settings screen, use this Skill to generate a Form with grouped sections, semantic colors, searchable navigation, and proper accessibility modifiers that pass App Store review. ## Quick Start Use the mobile-ios-design skill to build a SwiftUI settings screen with grouped form sections, navigation, and dark mode support.

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?▼

NavigationStack uses a NavigationPath binding to manage a stack of destinations, with navigationDestination modifiers mapping Hashable values to detail views. It supports programmatic navigation by appending values to the path and state persistence via Codable representations.

How to support dark mode in a SwiftUI app?▼

Use semantic colors like .primary, .secondary, and .background instead of hardcoded values so views adapt automatically to light and dark mode. System materials such as .ultraThinMaterial and asset catalog colors also adjust without extra 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 using the dynamicTypeSize environment value.

What is the difference between NavigationStack and NavigationSplitView?▼

NavigationStack manages a single-column push/pop hierarchy suited for iPhone, while NavigationSplitView provides two or three-column sidebar layouts for iPad and macOS. Split views adapt to compact size classes by collapsing into a stack.

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

Performance issues occur when using VStack inside ScrollView for long lists because all views render eagerly. Switch to List or LazyVStack/LazyVGrid so cells are created only when they approach the visible area.

Related Skills

Explore More Design & Creative Skills→
n0ann0an
103

add-new-screen

Add SwiftUI screens to VivaDicta with NavigationStack and AppState.

Community
Advanced
rudrankriyamrudrankriyam
954

asc-release-flow

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

Community
Advanced
supercent-iosupercent-io

web-design-guidelines

Review UI code files against Vercel's Web Interface Guidelines.

Official
Intermediate
PostalocityPostalocity
1

mobile-developer

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

Official
Intermediate