skills.rest
lionheartapp
lionheartappCOMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

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

Updated Feb 14, 2026
Search Tags:#design#accessibility#navigation#ios#swiftui#hig#dynamic-type
One-click install
npx skills add https://github.com/lionheartapp/lionheart-ops --skill mobile-ios-design-lionheartapp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/lionheartapp/lionheart-ops/tree/main/.agents/skills/mobile-ios-design
Command: npx skills add https://github.com/lionheartapp/lionheart-ops --skill mobile-ios-design-lionheartapp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Helps designers and engineers create native iOS interfaces that consistently follow Apple's Human Interface Guidelines and SwiftUI best practices, reducing layout regressions, accessibility issues, and platform-inconsistent experiences.

Core Features & Use Cases

  • Human Interface Guidelines: Guidance on clarity, deference, and depth to ensure content-first, platform-consistent design.
  • SwiftUI Layouts & Components: Patterns for stack-based layouts, adaptive grids, lazy collections, and reusable components.
  • Navigation & State: Recipes for NavigationStack, TabView, NavigationSplitView, sheets, and state restoration.
  • System Integration: Recommendations for SF Symbols, semantic colors, Dynamic Type, Dark Mode, and haptic feedback.
  • Accessibility & Performance: Practices for VoiceOver, dynamic type handling, lazy loading, and memory-conscious lists.
  • Use Case: Convert a legacy UIKit screen into an adaptive SwiftUI layout that supports iPhone, iPad multitasking, accessible labels, and dark mode.

Quick Start

Create a SwiftUI FeatureCard component that uses semantic colors, supports Dynamic Type and Dark Mode, includes an accessibility label and hint, and adapts its layout between iPhone and iPad.

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 SwiftUI layouts that adapt to both iPhone and iPad?▼

SwiftUI adaptive layouts use stack-based structures, adaptive grids, and lazy collections to ensure interfaces scale correctly across iPhone and iPad multitasking scenarios while maintaining platform consistency.

What's the best way to implement NavigationStack and TabView patterns in SwiftUI?▼

NavigationStack and TabView patterns in SwiftUI provide clear navigation recipes for stack-based routing, split views, sheets, and state restoration, ensuring depth-aware and deferential user experiences.

How do I make my SwiftUI app support Dynamic Type and Dark Mode?▼

Dynamic Type and Dark Mode support in SwiftUI requires using semantic colors and system-provided text scaling, ensuring content remains accessible and legible across user environment preferences.

Can I use this to convert a legacy UIKit screen into an adaptive SwiftUI layout?▼

Converting a legacy UIKit screen to SwiftUI involves building adaptive layouts with semantic colors, Dynamic Type, VoiceOver accessibility labels, and dark mode support for native iOS compliance.

Why does my SwiftUI list have performance and memory issues?▼

SwiftUI list performance issues often stem from not using lazy loading and memory-conscious collections, which are required to efficiently render large data sets without causing layout regressions.

How do I add VoiceOver accessibility labels and hints to SwiftUI components?▼

VoiceOver accessibility in SwiftUI components requires adding accessibility labels and hints to interactive elements, ensuring clear navigation and compliance with Apple's Human Interface Guidelines.

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
emilneuraz-aiemilneuraz-ai

mobile-ios-design

Translate iOS UI design challenges into HIG-compliant SwiftUI patterns.

Community
Intermediate
mosif16mosif16
18

ios-ux-design

Evaluate iOS app interfaces against Apple Human Interface Guidelines and generate implementation specifications.

Community
Advanced
faw01faw01
18

building-native-ui

Implement native-feeling mobile UI with Expo Router and platform-specific components.

Community
Intermediate