skills.rest
bengidev
bengidevCOMMUNITY
Explore all skills by this author →
Website𝕏@bambang_trdGitHub

ios-mobile-design-competency

Review iOS screen designs for Human Interface Guidelines compliance in SwiftUI and UIKit.

Updated Jan 30, 2026
Search Tags:#accessibility#ios#ui-design#swiftui#dark-mode#uikit#human-interface-guidelines
One-click install
npx skills add https://github.com/bengidev/tester_one_ios_project --skill ios-mobile-design-competency
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ios-mobile-design-competency
Source: https://github.com/bengidev/tester_one_ios_project/tree/main/skills/ios-mobile-design-competency
Command: npx skills add https://github.com/bengidev/tester_one_ios_project --skill ios-mobile-design-competency

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers often struggle to deliver iOS user interfaces that strictly follow Apple's Human Interface Guidelines, adapt to different devices, and remain accessible across environments.

Core Features & Use Cases

  • Align iOS UI design with the Human Interface Guidelines (HIG) for SwiftUI and UIKit to ensure visual consistency between design intent and implementation.
  • Build adaptive layouts that gracefully support Dynamic Type, Dark Mode, and varying screen sizes (iPhone and iPad).
  • Choose and implement navigation patterns (NavigationStack, TabView, sheets, or their UIKit equivalents) to fit app structure.
  • Integrate SF Symbols, system typography, and semantic colors to maintain platform-native aesthetics.
  • Ensure accessibility with VoiceOver, proper labeling, hints, and focus management.

Quick Start

Review and implement a new iOS screen following Apple's Human Interface Guidelines, ensuring adaptive layouts, accessibility, and system assets are used.

Frequently Asked Questions about ios-mobile-design-competency

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

FAQPage Schema
How do I design an iOS UI that follows Apple's Human Interface Guidelines?▼

To design an iOS UI following Human Interface Guidelines, implement semantic colors, Dynamic Type, and SF Symbols. Ensure your SwiftUI or UIKit layouts adapt to safe areas and Dark Mode for native aesthetics across iPhone and iPad.

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

Support Dark Mode and Dynamic Type in SwiftUI and UIKit by applying semantic colors and system text styles. Build adaptive layouts that scale gracefully, ensuring your UI elements remain readable and visually consistent across all iPhone and iPad screen sizes.

What is the best way to implement VoiceOver accessibility in an iOS app?▼

The best way to implement VoiceOver accessibility is by adding proper labeling, hints, and focus management to your UI elements. Ensure interactive components in SwiftUI and UIKit have accessible traits and descriptive labels for screen reader navigation.

Does this iOS UI design approach work for both iPhone and iPad?▼

Yes, this iOS UI design approach works for both iPhone and iPad by building adaptive layouts that respect safe areas. It ensures your SwiftUI and UIKit interfaces scale correctly across different screen sizes while maintaining Human Interface Guidelines compliance.

How do I choose between NavigationStack and TabView for iOS app navigation?▼

Choose between NavigationStack and TabView based on your app structure. Use NavigationStack for hierarchical content navigation and TabView for flat category switching, implementing their UIKit equivalents when working with legacy interfaces and sheets.

Related Skills

Explore More Design & Creative Skills→
sachio222sachio222

ios-hig-design

Apply Apple's Human Interface Guidelines to iOS UI design reviews.

Community
Advanced
RemseyMailjardRemseyMailjard

ios-application-dev

Guide iOS UI development across UIKit, SnapKit, and SwiftUI.

Community
Advanced
lionheartapplionheartapp

mobile-ios-design

Design native iOS interfaces following Apple's Human Interface Guidelines with SwiftUI.

Community
Intermediate
smithisrealdevsmithisrealdev

mobile-ios-design

Guides native iOS app creation with SwiftUI, Human Interface Guidelines, and adaptive layouts.

Community
Intermediate