skills.rest
xzedm
xzedmCOMMUNITY
Explore all skills by this author →
GitHub

apple-hig-designer

Generate SwiftUI components and validate iOS designs against Apple Human Interface Guidelines.

Updated Sep 3, 2026
Search Tags:#typography#accessibility#ios#ui design#dark mode#swiftui#apple hig
One-click install
npx skills add https://github.com/xzedm/clipplic-landing --skill apple-hig-designer-xzedm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-hig-designer
Source: https://github.com/xzedm/clipplic-landing/tree/main/.agents/skills/apple-hig-designer
Command: npx skills add https://github.com/xzedm/clipplic-landing --skill apple-hig-designer-xzedm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing iOS apps that feel native requires deep knowledge of Apple's Human Interface Guidelines, typography scales, semantic colors, and accessibility rules, which developers often get wrong or skip entirely. ## Core Features & Use Cases - Component Generation: Create SwiftUI and UIKit components including navigation bars, tab bars, lists, sheets, buttons, text fields, pickers, and cards following HIG patterns. - Design Validation: Check layouts against the 8pt grid system, 44pt touch targets, safe areas, and WCAG color contrast requirements. - Accessibility Compliance: Implement VoiceOver labels, Dynamic Type scaling, Reduce Motion support, and color-blind-safe designs. - Use Case: When building a new settings screen for an iPhone app, generate a native form with grouped lists, toggles, and pickers that automatically supports dark mode and Dynamic Type. ## Quick Start Design a native iOS profile screen following Apple HIG with a navigation bar, list sections, and dark mode support.

Frequently Asked Questions about apple-hig-designer

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

FAQPage Schema
How do I design an iOS app following Apple Human Interface Guidelines?▼

Follow Apple's three design principles: clarity, deference, and depth. Use native SwiftUI components like NavigationStack and TabView, apply semantic colors for automatic dark mode, and keep spacing on the 8pt grid system.

What SwiftUI components should I use for iOS navigation?▼

Use NavigationStack for hierarchical drill-down flows, TabView for 3-5 top-level peer destinations, and sheets with presentation detents for modal content. Avoid combining a tab bar and toolbar in the same view.

Does SwiftUI support dark mode automatically?▼

Yes, semantic colors like Color(.label) and Color(.systemBackground) adapt automatically between light and dark appearances. Custom colors need asset catalog entries with separate Any and Dark appearance values.

How do I make SwiftUI apps accessible with VoiceOver?▼

Add accessibilityLabel to images and controls, accessibilityValue to sliders, and accessibilityHint to buttons. Group related elements with accessibilityElement(children: .combine) and hide decorative images with accessibilityHidden(true).

What is the minimum touch target size for iOS buttons?▼

Apple HIG requires a minimum interactive size of 44x44 points for all tappable elements. In SwiftUI, enforce this with .frame(minWidth: 44, minHeight: 44) on buttons and controls.

Why does my custom font not scale with Dynamic Type?▼

Custom fonts ignore Dynamic Type unless you use the relativeTo parameter, such as .custom("YourFont", size: 17, relativeTo: .body). System text styles like .body and .headline scale automatically.

Related Skills

Explore More Design & Creative Skills→
GDSDNGDSDN
3

ux-create-wireframe

Design wireframes, prototypes, and interaction flows from user research insights.

Community
Advanced
kvn8888kvn8888
3

asc-xcode-build

Automates build, archive, export, and version management of Xcode projects for App Store Connect.

Community
Advanced
gustavscirulisgustavscirulis
114

snapshot-test-setup

Generate SwiftUI snapshot test boilerplate with swift-snapshot-testing configurations.

Community
Intermediate
PostalocityPostalocity
1

mobile-developer

Guide iOS and Android development with Swift, Kotlin, and cross-platform frameworks.

Official
Intermediate