ios-hig-design

Name: ios-hig-design
Availability: InStock
Author: klarbau

Design native iOS interfaces following Apple Human Interface Guidelines.

7|1|Updated May 14, 2026

Search Tags:#accessibility #navigation #ios #dark mode #swiftui #uikit #sf symbols

Ready to run

npx skills add https://github.com/klarbau/govtech-de --skill ios-hig-design-klarbau

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ios-hig-design
Source: https://github.com/klarbau/govtech-de/tree/main/.claude/skills/ios-hig-design
Command: npx skills add https://github.com/klarbau/govtech-de --skill ios-hig-design-klarbau

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you design and review iPhone and iPad interfaces that feel native, accessible, and consistent with Apple's Human Interface Guidelines.

Core Features & Use Cases

Layout and Navigation Guidance: Plan safe-area-aware layouts, tab bars, stacks, modals, and split views that match iOS conventions.
Visual System Advice: Choose semantic colors, Dynamic Type styles, SF Symbols, and Dark Mode treatments that stay readable and polished.
Accessibility and Interaction Checks: Validate VoiceOver labels, touch targets, gestures, haptics, and keyboard/input behavior for real-world usability.
Use Case: Review a SwiftUI screen before launch, reshape a dashboard for iPad, or refine a form so it works well in Dark Mode and with large text.

Quick Start

Ask the skill to review your iOS screen or SwiftUI view and tell you how to make it fully HIG-compliant.

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 SwiftUI views follow Apple Human Interface Guidelines?▼

To make SwiftUI views follow Apple Human Interface Guidelines, apply safe areas, Dynamic Type, semantic colors, SF Symbols, and standard touch targets. Reviewing your screen ensures native navigation patterns and VoiceOver accessibility compliance.

What is the best way to design an iPad interface that feels native?▼

Designing a native iPad interface requires using platform-specific navigation conventions like split views and safe-area-aware layouts. Adapting semantic colors and SF Symbols ensures a polished experience across large screen sizes.

How do I optimize iOS layouts for Dark Mode and Dynamic Type?▼

Optimize iOS layouts for Dark Mode and Dynamic Type by using semantic colors and standard text styles. This approach maintains readability and visual consistency without manually adjusting hex values or fixed font sizes.

Does this HIG design guidance work with UIKit as well as SwiftUI?▼

Yes, this HIG design guidance applies to both UIKit and SwiftUI layouts. It helps validate VoiceOver labels, standard touch targets, haptics, and navigation conventions to ensure your UI meets Apple Human Interface Guidelines.

Why does my iOS form break when users enable large text accessibility settings?▼

Your iOS form breaks with large text because it likely uses fixed font sizes instead of Dynamic Type. Refactoring forms to use Dynamic Type styles and proper safe areas ensures content scales correctly without overlapping or clipping.