Skills
.Work. You
Rest

0141-mobile-ios-design

Community

Design native iOS UIs with SwiftUI.

Design & Creative#accessibility#ios#ui design#swiftui#dynamic type#navigationstack#human interface guidelines
AuthorMrJmpl3
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you create iOS user interfaces that match Apple’s Human Interface Guidelines and that translate cleanly into modern SwiftUI layouts, navigation patterns, typography, and accessibility.

Core Features & Use Cases

  • Apple HIG-aligned iOS interface design: Apply clarity/deference/depth principles and iPhone/iPad/visionOS considerations to reduce mismatched UI behavior and inconsistent UX.
  • SwiftUI layout and navigation patterns: Build robust UI structure using stacks/grids plus common iOS navigation patterns like NavigationStack, TabView, sheets, and adaptive navigation.
  • System-consistent visual and accessibility behavior: Use SF Symbols, semantic colors, Dynamic Type, and accessibility modifiers to ensure the UI works well across light/dark mode and different user settings.

Quick Start

Use the 0141-mobile-ios-design skill to design an iOS SwiftUI screen that uses semantic colors, Dynamic Type-friendly typography, an accessible layout, and the appropriate NavigationStack navigation flow for iPhone and iPad.

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: 0141-mobile-ios-design
Download link: https://github.com/MrJmpl3/codex_____data_____configuration/archive/main.zip#0141-mobile-ios-design

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 471,000+ vetted skills library on demand.