skills.rest
tayiorbeii
tayiorbeiiCOMMUNITY
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 Jun 24, 2026
Search Tags:#accessibility#mobile design#ios#dark mode#swiftui#uikit#human interface guidelines
One-click install
npx skills add https://github.com/tayiorbeii/paperclip-factory-kit-hermes --skill ios-hig-design-tayiorbeii
Or copy as Structured Prompt for Agentâ–¼
Please help me install this Agent Skill.
Skill: ios-hig-design
Source: https://github.com/tayiorbeii/paperclip-factory-kit-hermes/tree/main/skills/paperclip/ios-hig-design
Command: npx skills add https://github.com/tayiorbeii/paperclip-factory-kit-hermes --skill ios-hig-design-tayiorbeii

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Designing iOS interfaces that feel native requires deep knowledge of Apple's Human Interface Guidelines, and teams often ship apps with broken safe areas, poor Dark Mode support, or non-native navigation patterns that frustrate users. ## Core Features & Use Cases - HIG Compliance Scoring: Rates iOS interfaces 0-10 against eight design pillars including layout, typography, color, navigation, controls, accessibility, icons, and gestures. - SwiftUI/UIKit Implementation Guidance: Provides concrete code patterns for safe areas, Dynamic Type, semantic colors, SF Symbols, and haptic feedback. - Accessibility & Dark Mode Audits: Includes diagnostic checklists for VoiceOver support, 44pt touch targets, 4.5:1 contrast ratios, and Dynamic Type scaling. - Use Case: When building a new iPhone app screen with a tab bar and modal sheets, use this Skill to verify the layout respects safe areas, uses native navigation patterns, and passes accessibility checks before shipping. ## Quick Start Review my SwiftUI screen design for HIG compliance and score it against Apple's guidelines.

Frequently Asked Questions about ios-hig-design

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

FAQPage Schema
How do I design an iOS app that follows Apple Human Interface Guidelines?â–¼

Follow the eight HIG pillars: respect safe areas, use semantic text styles and system colors, adopt native navigation patterns like tab bars, support Dynamic Type, and add accessibility labels. Score your interface 0-10 against each pillar to find gaps.

What are the iOS safe area and touch target size requirements?â–¼

Interactive elements must stay within safe area insets, avoiding the notch, Dynamic Island, and home indicator. Minimum touch target size is 44 x 44pt, with standard content margins of 16-20pt from screen edges.

Does SwiftUI support Dark Mode and Dynamic Type automatically?â–¼

Yes, when you use semantic colors like Color(.label) and Color(.systemBackground) plus text styles like .body and .title. Hardcoded colors and fixed font sizes break both Dark Mode and Dynamic Type scaling.

Should I use a hamburger menu or tab bar for iOS navigation?â–¼

Use a tab bar with 2-5 primary destinations for iOS navigation. Hamburger menus are an Android pattern that feels foreign on iOS and hides key destinations from users.

Why does my iOS app fail accessibility audits?â–¼

Common causes include missing accessibilityLabel attributes on interactive elements, touch targets under 44pt, contrast below 4.5:1, and fixed font sizes that block Dynamic Type. Test the full app flow with VoiceOver enabled.

Related Skills

Explore More Design & Creative Skills→
AshesOfTheUndeadAshesOfTheUndead

imagegen-frontend-mobile

Generates high-fidelity mobile screen concepts and multi-screen user flows for iOS/Android.

Community
Advanced
johanruttensjohanruttens

rn-visual-testing

Automate visual testing of React Native apps across iPhone 11–17 simulators.

Community
Advanced
Roy-wonjiRoy-wonji

apple-design-system

Audit iOS app UI against Apple Design System standards for HIG compliance and accessibility gaps.

Community
Intermediate
GeneralJerelGeneralJerel

Microsoft Fluent Design System 2

Coordinate cross-platform UI design with Fluent Design System 2 tokens and accessibility standards.

Community
Advanced