# Design Native iOS Apps with SwiftUI

iOS teams need interfaces that feel native, accessible, and consistent with Apple platform behavior. This skill guides SwiftUI structure, navigation, layout, visual design, and HIG review.

## Install

```bash
npx skillstore add wshobson/mobile-ios-design
```

## Metadata

- Status: approved
- Slug: wshobson-mobile-ios-design
- Skillstore revision: r1
- Version status: missing
- Tree hash: df97da0ac4531dfd6d8ba8180b073be48a87b583a2c732ca8eef4c9fec51313d
- Author: wshobson
- GitHub username: wshobson
- License: MIT
- Repository: https://github.com/wshobson/agents/tree/main/plugins/ui-design/skills/mobile-ios-design/
- Ref: 64ca8af0f54a325752f08bd54e52151061ea659a
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: network, external\_commands
- Quality score: 75
- Public page: https://skillstore.pages.dev/skills/wshobson-mobile-ios-design
- Manifest: https://skillstore.pages.dev/api/skills/wshobson-mobile-ios-design/manifest

## Capabilities

- Explains Apple Human Interface Guidelines principles for iOS, iPadOS, and related platforms.
- Provides SwiftUI layout guidance for stacks, grids, lists, forms, cards, and adaptive views.
- Describes iOS navigation patterns, including NavigationStack, TabView, sheets, and deep links.
- Guides accessibility decisions for VoiceOver, Dynamic Type, semantic labels, and input states.
- Recommends visual design choices for SF Symbols, semantic colors, materials, shadows, and dark mode.

## Use Cases

- Plan a Native Screen: Turn a feature idea into an iOS screen structure with suitable navigation, layout, and controls.
- Review Interface Quality: Check a proposed mobile interface against HIG expectations, accessibility needs, and adaptive layout behavior.
- Standardize SwiftUI Patterns: Create shared guidance for common app components such as lists, settings, forms, cards, and error states.

## Prompt Templates

### Review a Screen Idea

```
Review my iOS screen idea and suggest a simple SwiftUI layout that follows Apple Human Interface Guidelines.
```

### Choose Navigation Patterns

```
Help me choose the right iOS navigation pattern for these sections, modal flows, and detail screens.
```

### Improve Accessibility

```
Audit this SwiftUI view plan for VoiceOver, Dynamic Type, color contrast, input feedback, and safe touch targets.
```

### Design an Adaptive Flow

```
Design an adaptive SwiftUI flow for iPhone and iPad with deep links, state restoration, sheets, and error states.
```

## Limitations

- Does not run Swift code, compile apps, or verify behavior in Xcode.
- Does not replace testing on real iPhone or iPad hardware.
- Does not include complete product strategy, analytics, or user research methods.
- May need updates when Apple changes SwiftUI APIs or HIG recommendations.

## Best Practices

- Start with Apple platform conventions before adding custom interaction patterns.
- Use semantic colors, fonts, and SF Symbols to support accessibility and dark mode.
- Test important layouts with Dynamic Type, VoiceOver, compact width, and iPad multitasking.

## Anti Patterns

- Do not copy web navigation patterns directly into native iOS apps.
- Do not rely on fixed sizes that break with accessibility text settings.
- Do not use decorative icons when a standard control or SF Symbol is clearer.

## Security Audit

- Audited at: 2026-07-08T12:22:42.77\+00:00
- Summary: All static findings were reviewed against the skill content and judged false positives. The command detections are Markdown Swift examples, the network detections are documentation links, and the blocker or sensitive detections are SwiftUI identifiers. No prompt injection, credential handling, unauthorized network calls, or executable scripts were found.

## Stats

- Views: 144
- Downloads: 22
- Favorites: 0
- Popularity score: 0