skills.rest
duanbiao2000
duanbiao2000COMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-ios-design

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

3|1|Updated Feb 3, 2026
Search Tags:#typography#design#accessibility#navigation#ios#swiftui#hig
One-click install
npx skills add https://github.com/duanbiao2000/obsidianDoc26 --skill mobile-ios-design-duanbiao2000
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/duanbiao2000/obsidianDoc26/tree/main/agents-main/plugins/ui-design/skills/mobile-ios-design
Command: npx skills add https://github.com/duanbiao2000/obsidianDoc26 --skill mobile-ios-design-duanbiao2000

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Master iOS UI design challenges by aligning with Apple's Human Interface Guidelines (HIG) and SwiftUI patterns to produce polished, native interfaces that feel consistent across devices.

Core Features & Use Cases

  • HIG-guided design: Apply Apple's Human Interface Guidelines to layout, typography, color, and navigation.
  • SwiftUI patterns: Reuse proven SwiftUI layout and navigation patterns for responsive designs.
  • Accessibility & adaptivity: Build UI that remains accessible in Dark Mode and Dynamic Type, across iPhone, iPad, and visionOS contexts. Real-world example: A design–engineering team collaborates to deliver a cohesive SwiftUI-based interface that adapts to multiple Apple platforms.
  • Best practices: Embrace SF Symbols, semantic colors, and safe area considerations to ensure consistency.

Quick Start

Create a SwiftUI screen that follows HIG principles and uses adaptive layout for 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 interfaces that follow Apple's Human Interface Guidelines?▼

To design SwiftUI interfaces that follow HIG, apply Apple's Human Interface Guidelines to layout, typography, color, and navigation. You must use native SwiftUI components, SF Symbols, and semantic colors to ensure consistency and polish across real-world app designs.

What's the best way to make an iOS UI layout adaptive for both iPhone and iPad?▼

The best way to make an iOS UI layout adaptive is to reuse proven SwiftUI layout and navigation patterns. Building responsive designs with SwiftUI ensures your interface adapts correctly across iPhone, iPad, and visionOS contexts.

Does HIG compliance require supporting Dark Mode in SwiftUI?▼

HIG compliance requires building accessible UI that remains functional in Dark Mode. Using semantic colors in SwiftUI ensures your interface automatically adapts to dark mode environments while maintaining visual consistency and accessibility.

Can I use SF Symbols for navigation elements in a visionOS interface?▼

Yes, you can use SF Symbols for navigation elements in a visionOS interface. Embracing SF Symbols ensures your navigation and iconography remain consistent and native across iPhone, iPad, and visionOS platform contexts.

Related Skills

Explore More Design & Creative Skills→
samjhechtsamjhecht
4

initialize-governance

Generate Constitution, Roadmap, and process documentation templates for project governance.

Community
Advanced
ArogyaReddyArogyaReddy

mobile-ios-design

Guide iOS interface design with Apple HIG and SwiftUI patterns.

Community
Intermediate
Avi977Avi977

ios-design-guidelines

Guide iOS interface design to comply with Apple's Human Interface Guidelines.

Community
Advanced
Prisma-Labs-DevPrisma-Labs-Dev
299

guide-swiftui-ui-patterns

Guide SwiftUI navigation, state ownership, and layout patterns for iOS apps.

Official
Advanced