mobile-ios-design

Design native iOS apps with SwiftUI following Apple's Human Interface Guidelines.

Updated Feb 26, 2026
One-click install
npx skills add https://github.com/TheGreatL/KanbanBoard --skill mobile-ios-design-thegreatl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/TheGreatL/KanbanBoard/tree/main/.agents/skills/mobile-ios-design
Command: npx skills add https://github.com/TheGreatL/KanbanBoard --skill mobile-ios-design-thegreatl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers build native iOS applications that adhere to Apple's design principles and leverage the full power of SwiftUI for efficient and beautiful UI development.

Core Features & Use Cases

  • HIG Compliance: Ensures designs follow Apple's Human Interface Guidelines for clarity, deference, and depth.
  • SwiftUI Mastery: Provides patterns and code examples for layouts, navigation, and system integration.
  • Adaptive Design: Guides the creation of UIs that work seamlessly across iPhone, iPad, and other Apple devices.
  • Use Case: A developer needs to create a new settings screen for an iOS app. They can use this Skill to quickly implement standard SwiftUI controls, apply correct typography and spacing, and ensure dark mode compatibility.

Quick Start

Use the mobile-ios-design skill to generate a SwiftUI FeatureCard component with a title, description, and system image.

Frequently Asked Questions about mobile-ios-design

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

FAQPage Schema
How do I build an iOS UI that follows Apple's Human Interface Guidelines?

To build an iOS UI that follows Apple's Human Interface Guidelines, use SwiftUI patterns that ensure clarity, deference, and depth. This guarantees your interface meets native design standards.

How do I create adaptive SwiftUI layouts for iPad and iPhone?

You create adaptive SwiftUI layouts for iPad and iPhone by leveraging SwiftUI's layout system and system integrations. This ensures your UI scales seamlessly across all Apple platforms.

Can I use SwiftUI with SF Symbols and Dynamic Type for accessible design?

Yes, you can use SwiftUI with SF Symbols and Dynamic Type to build accessible iOS interfaces. Integrating these system features ensures your app supports accessibility and adaptive typography.

What is the best way to implement a standard iOS settings screen in SwiftUI?

The best way to implement an iOS settings screen in SwiftUI is by using standard SwiftUI controls with correct typography and spacing. This approach ensures dark mode compatibility and HIG compliance.

Does SwiftUI support dark mode and adaptive UI for all Apple platforms?

Yes, SwiftUI supports dark mode and adaptive UI for all Apple platforms. By utilizing system integrations and the SwiftUI layout system, your app seamlessly adapts to different environments.

When should I not use SwiftUI for mobile iOS development?

You should not use SwiftUI for mobile iOS development if your project requires highly custom UI behaviors outside Apple's Human Interface Guidelines or lacks support for modern SwiftUI layout patterns.