skills.rest
Maitreya04
Maitreya04COMMUNITY
Explore all skills by this author →
GitHub

ios-hig-design

Design iOS interfaces following Apple's Human Interface Guidelines.

Updated Mar 1, 2026
Search Tags:#design#ui#accessibility#ios#ux#hig#semantic-colors
One-click install
npx skills add https://github.com/Maitreya04/pasplmaster --skill ios-hig-design-maitreya04
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-hig-design
Source: https://github.com/Maitreya04/pasplmaster/tree/main/.agents/skills/ios-hig-design
Command: npx skills add https://github.com/Maitreya04/pasplmaster --skill ios-hig-design-maitreya04

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Apple's Human Interface Guidelines provide a comprehensive baseline for designing native iOS interfaces, but teams often struggle to apply them consistently across products, devices, and accessibility needs.

Core Features & Use Cases

  • Guided UI design patterns aligned with iOS conventions (navigation, typography, color, safe areas, and accessibility) to ensure a native look and feel across iPhone, iPad, and Apple ecosystem apps.
  • Accessibility-first guidelines covering labels, hints, contrasts, Dynamic Type, and VoiceOver compatibility to support users with disabilities.
  • Documentation-driven references across typography, colors, gestures, icons, and system integrations to maintain consistency and speed up design reviews.

Quick Start

Describe a complete iOS UI design plan that adheres to Apple's HIG.

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 iOS UIs that conform to Apple's Human Interface Guidelines?▼

Designing iOS UIs that conform to Apple's HIG involves applying standard patterns for layout, typography, semantic colors, navigation, and accessibility. This ensures a native look and feel across iPhone and iPad apps.

How do I implement Dynamic Type and Dark Mode in an iOS interface design?▼

To implement Dynamic Type and Dark Mode, use semantic colors and support text styles that scale dynamically. This ensures your iOS interface adapts to system settings and accessibility preferences correctly.

What accessibility guidelines should I follow for iOS VoiceOver compatibility?▼

iOS VoiceOver compatibility requires proper accessibility labels, hints, and sufficient contrasts. Applying these accessibility-first guidelines ensures users with disabilities can navigate your native iOS app effectively.

Does this approach support both iPhone and iPad navigation patterns?▼

Yes, applying HIG ensures standard navigation patterns are used correctly across both iPhone and iPad contexts. This maintains consistency and speeds up design reviews for the Apple ecosystem.

What is the best way to use semantic colors in iOS UI design?▼

The best way to use semantic colors in iOS UI design is to map them to system-defined values rather than hardcoded RGB. This enforces Dark Mode compatibility and maintains consistent visual states.

Why does my iOS app design feel non-native despite using standard UI components?▼

An iOS app feels non-native when standard UI components lack proper accessibility labels, Dynamic Type support, or safe area integration. Enforcing HIG conventions for typography and controls resolves this.

Related Skills

Explore More Design & Creative Skills→
haxlyshaxlys

mobile-ios-design

Guide iOS interface design using HIG principles and SwiftUI patterns.

Community
Intermediate
pproencapproenca
193

ios-hig

Apply Apple HIG best practices to iOS 26 SwiftUI apps.

Community
Advanced
nhatmobile1nhatmobile1

apple-hig-designer

Generate HIG-compliant SwiftUI and UIKit components with accessibility validation.

Community
Advanced
melikhanmutlumelikhanmutlu

mobile-design

Design mobile UI/UX patterns for iOS and Android apps.

Community
Advanced