ios-hig-design

Apply Apple Human Interface Guidelines to iPhone interface design.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/letxbrace-droid/inrunparis --skill ios-hig-design-letxbrace-droid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ios-hig-design
Source: https://github.com/letxbrace-droid/inrunparis/tree/main/.agents/skills/ios-hig-design
Command: npx skills add https://github.com/letxbrace-droid/inrunparis --skill ios-hig-design-letxbrace-droid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves inconsistent or non–Apple-standard iPhone interface design by providing practical, actionable rules based on Apple Human Interface Guidelines so your app’s UI stays clear, accessible, and reliable across iPhone models and user settings.

Core Features & Use Cases

  • Layout & Safe Areas: Ensures 44pt touch targets and correct use of safe areas so content never collides with the status bar, Dynamic Island, or home indicator.
  • Navigation & Interaction Patterns: Guides use of Tab bars, NavigationStack, and system gestures to improve discoverability and keep expected iOS behaviors intact.
  • Typography, Dark Mode, and Accessibility: Promotes semantic text styles for Dynamic Type, semantic colors for Dark Mode, and VoiceOver/Reduce Motion support to meet accessibility expectations.
  • Practical QA checklist: Provides a validation list to verify touch targets, contrast, reflow at accessibility sizes, and permission request timing.

Quick Start

Apply the iOS HIG rules in your current iPhone UI review by checking safe areas, navigation patterns, Dynamic Type behavior, Dark Mode semantics, and VoiceOver labels against the evaluation checklist.

Frequently Asked Questions about ios-hig-design

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

FAQPage Schema
How do I ensure my iPhone UI design meets Apple Human Interface Guidelines for safe areas and touch targets?

To meet Apple Human Interface Guidelines, your iPhone UI design must enforce 44pt minimum touch targets and use safe areas to prevent content from colliding with the status bar, Dynamic Island, or home indicator. This ensures your interface remains native and accessible across all iPhone models.

What is the best way to support Dark Mode and Dynamic Type in iOS app interfaces?

Supporting Dark Mode and Dynamic Type in iOS app interfaces requires using semantic text styles and semantic colors. This approach automatically adapts your typography and color scheme to user settings, maintaining clear contrast and accessibility across standard and accessibility text sizes.

How do I implement VoiceOver and accessibility support for iPhone app UI?

Implementing VoiceOver and accessibility for iPhone app UI involves applying semantic text labels, supporting Reduce Motion, and verifying contrast ratios. You must validate these accessibility features using a QA checklist to ensure interface compliance with expected iOS behaviors.

Can I use standard iOS navigation patterns like Tab bars and NavigationStack for app discoverability?

Yes, you can use standard iOS navigation patterns like Tab bars and NavigationStack to improve discoverability. Guiding your app's interaction patterns with these native system gestures keeps expected iOS behaviors intact and ensures intuitive navigation for users.

Why does my iOS app UI break when users enable accessibility text sizes?

Your iOS app UI breaks when users enable accessibility text sizes if the layout does not properly reflow. You must verify content reflow at accessibility sizes and ensure safe-area compliance so dynamic typography scales without colliding with system elements.