mobile-ios-design

Overview

What is mobile-ios-design?

mobile-ios-design is a specialized skill for designing and building native iOS app interfaces using Apple's Human Interface Guidelines (HIG) and SwiftUI. It helps developers and designers create visually polished, accessible, and platform-consistent user experiences for iPhone and iPad apps. This skill is ideal for anyone aiming to master layout, navigation, adaptive design, and Apple-specific UI patterns.

Who should use this skill?

• iOS app designers and developers
• SwiftUI practitioners
• Teams building mobile apps for Apple platforms
• Anyone seeking to ensure their app follows Apple's design principles

What problems does it solve?

• Ensures interfaces are visually consistent with iOS standards
• Streamlines SwiftUI layout and navigation implementation
• Supports accessibility, adaptive layouts, and platform-specific gestures
• Provides practical patterns for lists, navigation, and search integration

How to Use

Installation Steps

1. Install the skill using:
   npx skills add https://github.com/wshobson/agents --skill mobile-ios-design
2. Begin with the SKILL.md file for a high-level overview and guidance.
3. Review supporting files:
   • references/hig-patterns.md for HIG layout, spacing, and adaptive design
   • references/ios-navigation.md for navigation stacks, tab views, and programmatic navigation
   • references/swiftui-components.md for lists, collections, and search integration

Workflow Integration

• Adapt the patterns and code samples to your own project structure and requirements.
• Use the references folder for practical examples of layout, navigation, and SwiftUI components.
• Apply HIG principles for clarity, deference, and depth in your UI design.

When is mobile-ios-design a good fit?

• When you need to build native iOS interfaces with SwiftUI
• When your app must comply with Apple's HIG
• When you require adaptive layouts for multiple device sizes
• When accessibility and platform-specific behaviors are important

When is it not a good fit?

• For cross-platform apps not targeting iOS
• If your project uses UIKit exclusively
• For web or Android UI design

FAQ

Where can I find practical examples?

Check the references/ folder for code samples on layout, navigation, and SwiftUI components. Files like hig-patterns.md, ios-navigation.md, and swiftui-components.md provide actionable guidance.

How do I ensure my app follows iOS Human Interface Guidelines?

Review the HIG principles in SKILL.md and references/hig-patterns.md. Use standard margins, adaptive layouts, and safe area handling as shown in the code samples.

Can I use mobile-ios-design for iPad or visionOS?

Yes, the skill covers adaptive layouts and platform considerations for iPadOS and visionOS, including multitasking and spatial input.

How do I preview all available resources?

Open the Files tab to inspect the full file tree, including nested references and helper scripts for mobile-ios-design.