
Mobile Ios Design
This handles iOS interface design and SwiftUI implementation with a focus on Apple's Human Interface Guidelines. It covers navigation patterns like NavigationStack and TabView, adaptive layouts for iPhone and iPad, SF Symbols integration, and proper semantic color usage for light/dark mode. The skill walks you through stack-based layouts, grid systems, and accessibility considerations while providing concrete SwiftUI code examples. Use it when you need to build native-feeling iOS apps that properly handle Dynamic Type, safe areas, and platform-specific patterns. It's solid for catching common pitfalls like hardcoded colors and layout breaking issues.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 29
- skills.sh installs
- 24.5K
- GitHub stars
- 42.4K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add wshobson/agents --skill mobile-ios-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
iOS Mobile Design
Master iOS Human Interface Guidelines (HIG) and SwiftUI patterns to build polished, native iOS applications that feel at home on Apple platforms.
When to Use This Skill
- Designing iOS app interfaces following Apple HIG
- Building SwiftUI views and layouts
- Implementing iOS navigation patterns (NavigationStack, TabView, sheets)
- Creating adaptive layouts for iPhone and iPad
- Using SF Symbols and system typography
- Building accessible iOS interfaces
- Implementing iOS-specific gestures and interactions
- Designing for Dynamic Type and Dark Mode
Core Concepts
1. Human Interface Guidelines Principles
Clarity: Content is legible, icons are precise, adornments are subtle Deference: UI helps users understand content without competing with it Depth: Visual layers and motion convey hierarchy and enable navigation
Platform Considerations:
- iOS: Touch-first, compact displays, portrait orientation
- iPadOS: Larger canvas, multitasking, pointer support
- visionOS: Spatial computing, eye/hand input
2. SwiftUI Layout System
Stack-Based Layouts:
Sponsors
Details
- Repository
- github.com/wshobson/agents
- Categories
- Mobile Development, Design & UI/UX
More from wshobson/agents
All 174- Architecture Decision Records24.5K
- Prompt Engineering Patterns24.3K
- Python Design Patterns23.7K
- Error Handling Patterns23.6K
- Modern Javascript Patterns23.3K
- Stride Analysis Patterns22.2K
- Responsive Design22K
- Rust Async Patterns21.9K
- Threat Mitigation Mapping21.2K
- Javascript Testing Patterns21.1K
- Auth Implementation Patterns20.9K
- Sql Optimization Patterns20.4K
- Git Advanced Workflows19.9K
- Dotnet Backend Patterns19.6K
- Async Python Patterns18.8K
- Attack Tree Construction18.8K
- Godot Gdscript Patterns18.3K
- Github Actions Templates18.1K
- Database Migration18K
- Data Storytelling17.6K
- Backtesting Frameworks17.5K
- Kpi Dashboard Design17.2K
- Python Code Style17.1K
- Openapi Spec Generation17K