skills.rest
wshobson
wshobsonCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-ios-design

Guide SwiftUI iOS app creation with Human Interface Guidelines compliance.

38.6k|4.1k|Updated Jul 24, 2025
Search Tags:#ios#mobile development#ui design#swiftui#app design#human interface guidelines
One-click install
npx skills add https://github.com/wshobson/agents --skill mobile-ios-design-wshobson
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/mobile-ios-design
Command: npx skills add https://github.com/wshobson/agents --skill mobile-ios-design-wshobson

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers create visually appealing and user-friendly native iOS applications by adhering to Apple's Human Interface Guidelines and leveraging SwiftUI's powerful declarative UI framework.

Core Features & Use Cases

  • HIG Compliance: Ensures designs align with Apple's established principles for clarity, deference, and depth.
  • SwiftUI Layouts: Provides examples and guidance for building adaptive and responsive layouts using Stacks, Grids, and Spacers.
  • Navigation Patterns: Demonstrates implementation of NavigationStack, TabView, and other essential iOS navigation paradigms.
  • System Integration: Guides on using SF Symbols, Dynamic Type, and semantic colors for a consistent look and feel.
  • Use Case: A developer needs to build a new screen for their iOS app that displays a list of items with images and text. They can use this Skill to quickly implement a SwiftUI List or LazyVGrid that follows HIG, incorporates proper spacing, and uses semantic colors for accessibility.

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 a SwiftUI layout that follows Apple's Human Interface Guidelines?▼

To build a HIG-compliant SwiftUI layout, use Stacks, Grids, and Spacers to create adaptive interfaces that align with Apple's principles for clarity, deference, and depth.

What SwiftUI navigation patterns should I use for native iOS app design?▼

For native iOS app design, implement NavigationStack and TabView to establish essential navigation paradigms that match user expectations and standard iOS behaviors.

How do I use SF Symbols and Dynamic Type for accessible iOS UI design?▼

Integrate SF Symbols and Dynamic Type in your iOS UI design to ensure consistent visuals and accessible typography that scales dynamically according to user accessibility settings.

What is the best way to create an adaptive iOS list or grid with SwiftUI?▼

The best way to create an adaptive iOS list or grid is using SwiftUI's List or LazyVGrid components, incorporating proper spacing and semantic colors to handle varying content.

Does this approach to iOS app design work with semantic colors for accessibility?▼

Yes, this approach to iOS app design works with semantic colors, ensuring your user interface adapts to system dark mode and accessibility features seamlessly.

Why does my SwiftUI layout not adapt properly to different iOS screen sizes?▼

SwiftUI layouts fail to adapt properly when not using responsive containers like Stacks and Spacers, or when ignoring system integrations like Dynamic Type for adaptive scaling.

Related Skills

Explore More Design & Creative Skills→
neogenzneogenz
4

mobile-ios-design

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

Community
Basic
emilyLi2020emilyLi2020
2

Expo UI SwiftUI

Integrate native iOS SwiftUI views into Expo SDK 55 projects.

Community
Intermediate
paleoterrapaleoterra
2

crash-log-analyzer

Parse macOS crash logs to identify crash causes and debugging information.

Community
Intermediate
darknetopencv-altdarknetopencv-alt
34

ios-application-dev

Provide iOS app development guidelines for UIKit, SnapKit, and SwiftUI layouts.

Community
Advanced