skills.rest
tayiorbeii
tayiorbeiiCOMMUNITY
Explore all skills by this author →
GitHub

ios-hig-design

Design iOS interfaces with Apple Human Interface Guidelines for SwiftUI and UIKit.

Updated Aug 23, 2026
Search Tags:#accessibility#ios#dark mode#swiftui#uikit#human interface guidelines#safe areas
One-click install
npx skills add https://github.com/tayiorbeii/paperclip-factory-kit --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/tree/main/skills/ios-hig-design
Command: npx skills add https://github.com/tayiorbeii/paperclip-factory-kit --skill ios-hig-design-tayiorbeii

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you design iOS interfaces that match Apple’s Human Interface Guidelines so your app looks native, works reliably across devices, and stays accessible in real-world use.

Core Features & Use Cases

  • Layout and safe-area correctness: Ensures content respects notches, Dynamic Island, and the home indicator while using standard spacing and touch targets.
  • Typography and Dynamic Type support: Applies SF/semantic type styles and preserves hierarchy across accessibility text sizes.
  • Dark Mode and semantic colors: Uses system semantic colors to maintain contrast and readability in both appearances.
  • Native navigation patterns: Recommends correct iOS flows using tab bars, navigation stacks, modals, and iPad behaviors.
  • Accessibility-first UI: Defines labeling, values, hints, and interaction grouping for VoiceOver and contrast needs.
  • Interaction conventions: Covers SF Symbols usage plus standard gestures and appropriate haptics.

Quick Start

Use the ios-hig-design skill to review a SwiftUI or UIKit iOS screen for safe-area handling, Dynamic Type compliance, Dark Mode correctness, native navigation patterns, and accessibility labels.

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 a SwiftUI interface that follows iOS Human Interface Guidelines?▼

To design a native SwiftUI interface, apply standard iOS navigation stacks, tab bars, and modals while ensuring safe-area compliant layouts, semantic typography, and WCAG AA contrast for accessibility.

What are the iOS Human Interface Guidelines for safe areas and Dynamic Island?▼

iOS Human Interface Guidelines require safe-area compliant layouts to prevent content from clipping around notches, the Dynamic Island, and the home indicator, ensuring reliable display across different iPhone screen sizes.

How do I support Dark Mode and Dynamic Type in UIKit?▼

Support Dark Mode and Dynamic Type in UIKit by using system semantic colors for contrast and SF semantic type styles, which automatically adjust readability and hierarchy across accessibility text sizes.

Can I use this to check VoiceOver accessibility labels for iOS apps?▼

Yes, you can check VoiceOver accessibility by verifying that UI elements have proper accessibility labeling, values, hints, interaction grouping, and minimum touch targets to meet native iOS accessibility needs.

What is the best way to implement native navigation patterns for iPad apps?▼

The best way to implement native navigation for iPad apps is using standard iOS flows like navigation stacks, tab bars, and modals, while adapting layouts to accommodate different screen sizes and native control behaviors.

Why does my iOS layout clip content when switching between light and dark mode?▼

Layout clipping during appearance switches often occurs when non-semantic colors are used instead of system semantic colors, which are required by iOS Human Interface Guidelines to maintain proper contrast and readability in both modes.

Related Skills

Explore More Design & Creative Skills→
omarshahineomarshahine
155

swiftui-uikit-interop

Wrap UIKit views and controllers for use in SwiftUI, and embed SwiftUI in UIKit via UIHostingController.

Community
Advanced
ckorhonenckorhonen
12

ios-app-tester

Run AXe-based accessibility audits and automate UI interactions on iOS Simulators.

Community
Intermediate
Community-AccessCommunity-Access
387

design-system

Validate design system tokens for WCAG AA/AAA contrast, focus, and touch target compliance.

Official
Advanced
helmordevhelmordev

android-design-guidelines

Audit Android UIs for Material Design 3 and platform compliance.

Community
Intermediate