Skills
.Work. You
Rest

ios-mobile-design-competency

Community

Design pixel-perfect iOS UI with confidence.

Design & Creative#accessibility#ios#ui-design#swiftui#dark-mode#uikit#human-interface-guidelines
Authorbengidev
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ios-mobile-design-competency
Download link: https://github.com/bengidev/tester_one_ios_project/archive/main.zip#ios-mobile-design-competency

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.