skills.rest
klarbau
klarbauCOMMUNITY
Explore all skills by this author →
GitHub

ios-hig-design

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
One-click install
npx skills add https://github.com/klarbau/govtech-de --skill ios-hig-design-klarbau
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
nhatmobile1nhatmobile1

ui-review

Analyze SwiftUI views for iOS/watchOS HIG compliance and accessibility.

Community
Basic
fal3fal3
13

iOS Accessibility Skill

Implement VoiceOver, Dynamic Type, color contrast, and HIG compliance in iOS apps.

Community
Intermediate
nsnguyennsnguyen
5

mobile-ios-design

Create iOS-native SwiftUI interfaces following Apple's Human Interface Guidelines.

Community
Basic
hotriluanhotriluan
3

mobile-development

Develop production-ready mobile applications for iOS, Android, and cross-platform frameworks.

Community
Basic