skills.rest
wanghaisheng
wanghaishengCOMMUNITY
Explore all skills by this author →
Website𝕏@edwin_uestcGitHub

ios-design-guidelines

Guide SwiftUI and UIKit interfaces to follow Apple's Human Interface Guidelines.

10|1|Updated Dec 16, 2024
Search Tags:#accessibility#ios#swiftui#hig#dark-mode#design-guidelines#dynamic-type
One-click install
npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill ios-design-guidelines-wanghaisheng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-design-guidelines
Source: https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark/tree/main/ref/platform-design-skills-main/platform-design-skills-main/skills/ios
Command: npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill ios-design-guidelines-wanghaisheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The iOS design guidelines help teams build Apple-native interfaces that are intuitive, accessible, and consistent with the platform's UX expectations.

Core Features & Use Cases

  • Comprehensive rules covering layout, navigation, typography, color, accessibility, gestures, components, patterns, privacy, and system integration for iPhone apps.
  • Practical examples and best-practice patterns for SwiftUI and UIKit, with explicit guidance on safe areas, dynamic type, contrasts, and accessibility.
  • Use cases include guiding UI reviews, accelerating design decisions, and ensuring App Store readiness across devices and themes.
  • Reference: Apple Human Interface Guidelines with actionable recommendations.

Quick Start

Review the guideline sections and apply the most relevant rules to your current screen to enforce safe areas, accessible controls, and clear visual hierarchy.

Frequently Asked Questions about ios-design-guidelines

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

FAQPage Schema
How do I align my SwiftUI app with iOS Human Interface Guidelines?▼

Align SwiftUI apps with iOS Human Interface Guidelines by enforcing 10 rule categories covering layout, navigation, typography, color, accessibility, gestures, components, patterns, privacy, and system integration.

What are the iOS design guidelines for dark mode and dynamic type?▼

iOS design guidelines for dark mode and dynamic type require using semantic text styles and ensuring proper color contrast to maintain accessible visual hierarchy across device themes.

Does this cover both SwiftUI and UIKit interface design patterns?▼

Yes, it covers both SwiftUI and UIKit interfaces, providing practical examples and best-practice patterns to enforce safe areas, accessible controls, and clear visual hierarchy.

How do I implement accessible labels and color contrast in iOS apps?▼

Implement accessible labels and proper color contrast in iOS apps by applying semantic text styles, adhering to accessibility rule categories, and using system integration patterns.

What is the best way to prepare an iOS app for App Store review readiness?▼

Prepare for App Store readiness by reviewing guideline sections and applying rules to enforce safe areas, accessible controls, and consistent platform UX expectations across devices.

Why does my iOS UI layout break across different iPhone and iPad screen sizes?▼

iOS UI layouts break across screen sizes when safe areas are ignored; applying guideline rules for layout and navigation ensures consistent interfaces across iPhone and iPad.

Related Skills

Explore More Design & Creative Skills→
darknetopencv-altdarknetopencv-alt
34

ios-application-dev

Provide iOS app development guidelines for UIKit, SnapKit, and SwiftUI layouts.

Community
Advanced
cooopmaccooopmac

Expo iOS Designing

Design iOS screens and components for Expo React Native apps following Apple's Human Interface Guidelines.

Community
Advanced
ihlamuryihlamury
73

beehiiv-ui-skills

Enforce Beehiiv's light-mode UI design system with Inter font and 4px grid.

Community
Intermediate
0xkynz0xkynz

uiux-design-expert

Generate design tokens, components, and style guidelines for accessible UI across frameworks.

Community
Advanced