skills.rest
Jhabbig
JhabbigCOMMUNITY
Explore all skills by this author →
GitHub

mobile-ios-design

Design native iOS interfaces following Apple Human Interface Guidelines and SwiftUI best practices.

Updated Apr 5, 2026
Search Tags:#accessibility#navigation#ios#swiftui#app design#adaptive layout#human interface guidelines
One-click install
npx skills add https://github.com/Jhabbig/Habbig --skill mobile-ios-design-jhabbig
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-ios-design
Source: https://github.com/Jhabbig/Habbig/tree/main/.claude/plugins/wshobson/ui-design/skills/mobile-ios-design
Command: npx skills add https://github.com/Jhabbig/Habbig --skill mobile-ios-design-jhabbig

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design and implement iOS interfaces that feel native, accessible, and aligned with Apple’s Human Interface Guidelines, reducing guesswork in layout, navigation, and visual polish.

Core Features & Use Cases

  • HIG-Aligned UI Design: Build screens with Apple-friendly spacing, typography, colors, materials, and motion.
  • SwiftUI Interface Patterns: Apply NavigationStack, NavigationSplitView, TabView, sheets, forms, lists, and adaptive grids correctly.
  • Accessibility and Adaptivity: Support Dynamic Type, Dark Mode, safe areas, VoiceOver, iPad multitasking, and responsive layouts.
  • Use Case: Design a finance app home screen, then translate it into a SwiftUI structure with native navigation, reusable components, and accessible interaction states.

Quick Start

Ask for a SwiftUI iPhone app screen design that follows Apple HIG, uses native navigation and accessibility best practices, and adapts cleanly to iPad and Dark Mode.

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 a SwiftUI interface that aligns with Apple Human Interface Guidelines?▼

SwiftUI native navigation relies on NavigationStack for hierarchical push flows, NavigationSplitView for iPad column-based layouts, and TabView for root-level switching. These patterns ensure stateful navigation and safe area handling that align with Apple Human Interface Guidelines.

How do I make my iOS app design adaptive for iPad multitasking and Dark Mode?▼

An iOS app design feels native when it uses SF Symbols for scalable icons, supports Dynamic Type for accessible text sizing, applies polished interaction patterns, and follows native spacing and typography decisions specified by Apple Human Interface Guidelines.

Does this approach support designing interfaces for visionOS scenarios?▼

Yes, this approach supports designing interfaces for visionOS scenarios by extending SwiftUI layout and component best practices to handle spatial computing contexts while maintaining accessibility, adaptive behavior, and visual system decisions consistent with Apple Human Interface Guidelines.

What is the best way to structure a finance app home screen in SwiftUI?▼

The best way to structure a finance app home screen in SwiftUI is to translate visual requirements into a native layout using forms, lists, and reusable components with accessible interaction states, ensuring the design adapts cleanly to iPad and Dark Mode.

Related Skills

Explore More Design & Creative Skills→
tomerkedemtomerkedem

layout

Assess and refine layout spacing and visual hierarchy for interfaces.

Community
Advanced
neogenzneogenz
4

mobile-ios-design

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

Community
Basic
jx1100370217jx1100370217
4

ios-ui-ux-design

Design iOS interfaces following Apple's Human Interface Guidelines.

Community
Basic
faw01faw01
18

building-native-ui

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

Community
Intermediate