skills.rest
guhans6
guhans6COMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

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

Updated May 11, 2026
Search Tags:#UX design#UI design#SwiftUI#Swift#iOS design#HIG
One-click install
npx skills add https://github.com/guhans6/agent-workbench --skill mobile-ios-design-guhans6
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/guhans6/agent-workbench/tree/main/shared/skills/mobile-ios-design
Command: npx skills add https://github.com/guhans6/agent-workbench --skill mobile-ios-design-guhans6

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps designers and developers master iOS Human Interface Guidelines and SwiftUI patterns, ensuring their applications are native, accessible, and user-friendly.

Core Features & Use Cases

  • iOS HIG Compliance: Follow Apple's design principles for clarity, deference, and depth.
  • SwiftUI Layouts: Utilize SwiftUI's stack and grid layouts for adaptive and responsive designs.
  • Navigation Patterns: Implement common navigation patterns like NavigationStack and TabView.
  • System Integration: Integrate SF Symbols, Dynamic Type, and system typography.
  • Visual Design: Apply colors, materials, shadows, and depth to create polished UIs.
  • Accessibility: Design for accessibility with VoiceOver and Dynamic Type support.
  • Quick Start: Use the skill to implement a simple SwiftUI view that adapts to screen size and orientation.

Quick Start

Implement a SwiftUI view that displays a list of items with a title and description, and allows users to tap on an item to view more details.

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 iOS applications that comply with Apple's Human Interface Guidelines?▼

Designing iOS applications compliant with Apple's Human Interface Guidelines involves applying principles of clarity, deference, and depth. You can utilize SwiftUI patterns to ensure native layouts, system integration, and accessibility features.

What's the best way to implement adaptive layouts in SwiftUI?▼

Implementing adaptive layouts in SwiftUI is best achieved by utilizing stack and grid layouts. These native components automatically adjust to varying screen sizes and orientations, ensuring your user interface remains responsive across different iOS devices.

How do I add VoiceOver and Dynamic Type support to my iOS UI design?▼

Adding VoiceOver and Dynamic Type support to iOS UI design requires integrating system typography and accessibility parameters within SwiftUI. Following HIG compliance ensures your native application interface remains accessible to users with varying visual needs.

Do I need to know Swift and SwiftUI to use iOS design guidelines effectively?▼

Knowing Swift and SwiftUI is required to implement iOS design guidelines effectively. The skill provides code examples and layout patterns specifically using SwiftUI, targeting developers and designers who already possess a basic understanding of UI/UX principles.

How do I use SF Symbols and system typography in my iOS app interface?▼

Using SF Symbols and system typography in your iOS app interface involves system integration features within SwiftUI. Applying these native elements ensures your visual design aligns with HIG standards while maintaining native polish and scalability.

How do I set up a NavigationStack and TabView for iOS navigation patterns?▼

Setting up NavigationStack and TabView for iOS navigation patterns involves implementing common SwiftUI navigation structures. These patterns allow users to tap list items to view details and navigate between distinct sections of your application seamlessly.

Related Skills

Explore More Design & Creative Skills→
cooopmaccooopmac

ios-expert

Provide expert guidance on iOS development, Swift, SwiftUI, UIKit, and Xcode.

Community
Advanced
nhatmobile1nhatmobile1

ui-review

Analyze SwiftUI views for iOS/watchOS HIG compliance and accessibility.

Community
Basic
EmasoftEmasoft
1

figma-to-swiftui

Translate Figma design files into native SwiftUI code via Figma MCP.

Community
Advanced
lioenskylioensky
2.2k

ios-application-dev

Guide iOS developers in creating accessible UIKit and SwiftUI designs following Apple's HIG.

Community
Intermediate