wshobson avatar

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-code

Installs 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
1mindrally avatarexpo-react-native-typescriptmindrally/skillsExpert in Expo React Native TypeScript mobile development with best practices2.3Kskills.sh installs
2aj-geddes avatarios-swift-developmentaj-geddes/useful-ai-promptsDevelop native iOS apps with Swift. Covers MVVM architecture, SwiftUI, URLSession for networking, Combine for reactive programming, and Core Data persistence.1.5Kskills.sh installs
3cap-go avatarios-android-logscap-go/capgo-skillsGuide to accessing device logs on iOS and Android for Capacitor apps. Covers command-line tools, GUI applications, filtering, and real-time streaming. Use this 1.3Kskills.sh installs
4pproenca avatarexpo-react-native-coderpproenca/dot-skillsComprehensive Expo React Native feature development guide. This skill should be used when building mobile app screens, navigation, data fetching, authentication415skills.sh installs
5krutikjain avatarandroid-compose-foundationskrutikjain/android-agent-skillsBuild Android UI with Jetpack Compose foundations, layouts, modifiers, theming, and stable component structure.340skills.sh installs
6pproenca avatarios-xcodepproenca/dot-skillsXcode setup and tooling guidance for iOS 26 / Swift 6.2 clinic modular MVVM-C projects covering project configuration, SwiftData container wiring, testing, debu298skills.sh installs