mobile-ios-design

Applies iOS Human Interface Guidelines and SwiftUI patterns to create native iOS interfaces.

Updated Aug 5, 2025
One-click install
npx skills add https://github.com/DishaAnand/FocusNest --skill mobile-ios-design-dishaanand
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/DishaAnand/FocusNest/tree/main/.agents/skills/mobile-ios-design
Command: npx skills add https://github.com/DishaAnand/FocusNest --skill mobile-ios-design-dishaanand

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill guides designers and developers to implement iOS interfaces that conform to Apple’s Human Interface Guidelines and SwiftUI patterns, ensuring polished, native experiences.

Core Features & Use Cases

  • HIG-aligned UI: Create interfaces that adhere to clarity, deference, and depth for iPhone, iPad, and visionOS.
  • SwiftUI Patterns: Apply NavigationStack, TabView, grids, and accessible controls to build scalable layouts.
  • Practical Scenarios: Design flows for typical apps (master-detail, settings, lists) across devices.

Quick Start

Show me a minimal SwiftUI app that demonstrates a NavigationStack with a List of items and a detail view, following iOS 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 design interfaces that follow iOS Human Interface Guidelines using SwiftUI?

To design interfaces following iOS Human Interface Guidelines using SwiftUI, apply core principles of clarity, deference, and depth. Use native SwiftUI patterns like NavigationStack and TabView to build scalable layouts.

What is the best way to implement navigation patterns for native iOS apps across iPhone and iPad?

The best way to implement navigation patterns for native iOS apps across iPhone and iPad is using SwiftUI's NavigationStack and TabView to create scalable master-detail interfaces that maintain visual consistency.

Can I use SwiftUI patterns to design accessible interfaces for visionOS?

Yes, you can use SwiftUI patterns to design accessible interfaces for visionOS. Apply native accessibility modifiers alongside standard layout systems to ensure visual consistency across iPhone, iPad, and visionOS.

How do I create a master-detail flow in SwiftUI that adheres to HIG?

Create a master-detail flow in SwiftUI adhering to HIG by combining a List of items with a NavigationStack. This pattern pushes a detail view upon selection, maintaining native clarity and depth.

Does this approach to iOS design support typical app scenarios like settings screens?

Yes, this approach to iOS design supports typical app scenarios like settings screens. It provides practical patterns for building native lists and accessible controls that scale across iPhone and iPad.

Why does my iOS interface lack visual consistency across different device sizes?

Your iOS interface lacks visual consistency across different device sizes if it does not leverage scalable SwiftUI layout systems and native controls. Applying HIG principles ensures layouts adapt natively.