skills.rest
HafidJoss
HafidJossCOMMUNITY
Explore all skills by this author →
GitHub

ios-hig-design

Design native iOS interfaces following Apple Human Interface Guidelines with SwiftUI and UIKit patterns.

Updated Jul 8, 2026
Search Tags:#design#accessibility#ios#dark mode#swiftui#uikit#human interface guidelines
One-click install
npx skills add https://github.com/HafidJoss/Lummy --skill ios-hig-design-hafidjoss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-hig-design
Source: https://github.com/HafidJoss/Lummy/tree/main/agent/skills/ios-hig-design
Command: npx skills add https://github.com/HafidJoss/Lummy --skill ios-hig-design-hafidjoss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Designing iOS apps that feel foreign or fail App Store review happens when layouts ignore safe areas, hardcode colors, skip Dark Mode, or use Android patterns like hamburger menus. This Skill provides a structured framework based on Apple's Human Interface Guidelines so interfaces respect platform conventions for navigation, typography, color, accessibility, and gestures. ## Core Features & Use Cases - Eight-Section Design Framework: Covers layout and safe areas, Dynamic Type typography, semantic colors and Dark Mode, navigation patterns, native controls, accessibility, SF Symbols and app icons, and gestures with haptics. - Scored Diagnostic Audit: A 10-point scoring rubric and Quick Diagnostic table to audit any iOS interface and identify specific fixes needed to reach native quality. - Deep-Dive References: Eleven reference files covering components, keyboard input, privacy permissions, widgets, Live Activities, Siri/Shortcuts, Handoff, and Spotlight integration. - Use Case: When building a SwiftUI settings screen, apply grouped list styling with toggles, semantic colors that adapt to Dark Mode, proper keyboard types with autofill content types, and VoiceOver labels on every control. ## Quick Start Use the ios-hig-design skill to review my SwiftUI profile screen layout for safe area, Dark Mode, and accessibility compliance.

Frequently Asked Questions about ios-hig-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make my iOS app follow Apple Human Interface Guidelines?▼

Apply the eight-section framework: respect safe areas, use semantic text styles and system colors, adopt tab bars and push navigation, use native controls, add VoiceOver labels, use SF Symbols, and preserve standard gestures. Then run the Quick Diagnostic to score the result against the 10-point rubric.

What is the minimum touch target size on iOS?▼

The minimum touch target is 44 x 44 points for all interactive elements. In SwiftUI, enforce it with .frame(minWidth: 44, minHeight: 44). Smaller targets cause mis-taps and accessibility failures.

How do I support Dark Mode in SwiftUI?▼

Use semantic colors like Color(.label), Color(.secondaryLabel), and Color(.systemBackground) instead of hardcoded values, since they adapt automatically. Define custom colors in the Asset Catalog with light and dark variants, and preview both appearances during development.

Should I use NavigationStack or NavigationView in SwiftUI?▼

Use NavigationStack, since NavigationView is deprecated. NavigationStack supports programmatic navigation with a path and is the current standard for hierarchical drill-down navigation on iOS.

When should I request iOS permissions like camera or location?▼

Request permissions just-in-time, when the user takes an action requiring them, not at app launch. Show a pre-permission screen explaining the value first, and provide graceful fallbacks like photo library access or manual entry when permission is denied.

Why does my iOS app feel foreign to users?▼

Common causes are Android patterns like hamburger menus, top tabs, and floating action buttons, plus hardcoded fonts and colors that break Dynamic Type and Dark Mode. Replace them with tab bars, bottom sheets, semantic styles, and native iOS components.

Related Skills

Explore More Design & Creative Skills→
yves-syves-s
24

ux-planning

Generate markdown UX spec documents with user flows, screens, states, and interaction patterns.

Community
Intermediate
AbsolutelySkilledAbsolutelySkilled
207

ios-swift

Guide iOS development with SwiftUI, UIKit, Core Data, and App Store readiness.

Official
Advanced
HouseGarofaloHouseGarofalo
3

ui-ux-principles

Apply UI/UX design principles to create intuitive interfaces.

Official
Basic
ironkid90ironkid90

flutter-development

Build cross-platform mobile apps with Flutter and Dart.

Community
Intermediate