---
title: "SwiftUI UI Patterns - Air Market"
description: "You are putting together an iOS screen in SwiftUI and want to see how these things are usually done rather than guess. This covers laying out views, wiring up navigation and tabs, handling state, and…"
canonical: "https://airmarket.ai/app/swiftui-ui-patterns"
---

[Air Market](/) / [Design](/category/design) / SwiftUI UI Patterns

Skill by [Thomas Ricouard](/@dimillian)

# SwiftUI UI Patterns

Worked examples for the SwiftUI screens you are building now

## What this does

You are putting together an iOS screen in SwiftUI and want to see how these things are usually done rather than guess. This covers laying out views, wiring up navigation and tabs, handling state, and writing your own modifiers, with examples for specific components. Reach for it when you are building a new screen or reworking one you already have.

### Top 3 things it does for you

- Lay out a screen with stacks and grids
- Work out my tab and navigation structure
- Decide between @State and @Binding

## Information

**SwiftUI UI Patterns at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [Thomas Ricouard](/@dimillian) |
| Category | [Design](/category/design) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 82 KB |
| Licence | MIT |
| Repository | [dimillian/skills](https://github.com/dimillian/skills/tree/05ba982bfeb0d77d3c97d4542b0ee15034d05f84/swiftui-ui-patterns) |
| GitHub stars | 3,918 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of SwiftUI UI Patterns and flagged nothing. AIR's verdict: **safe**.

**What SwiftUI UI Patterns's check was run against**

|  |  |
| --- | --- |
| Commit | 05ba982bfeb0d77d3c97d4542b0ee15034d05f84 |
| Content hash | d8f7a95c91cdc51463342df108a74a3853204e7ba982b094c258eac43f9c775c |
| Files read | [Browse the files at this exact commit](https://github.com/dimillian/skills/blob/05ba982bfeb0d77d3c97d4542b0ee15034d05f84/swiftui-ui-patterns/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for SwiftUI UI Patterns](/security/swiftui-ui-patterns)

## About SwiftUI UI Patterns

Guidance and examples for building SwiftUI views and components. It covers navigation hierarchies, custom view modifiers, and responsive layouts built from stacks and grids.

Use it while creating or refactoring UI: designing tab architecture with TabView, composing a screen from VStack and HStack, managing @State or @Binding, or when you want a pattern and example for a particular component.

## What's inside

- SKILL.md - instructions
- agents/openai.yaml - data
- references/app-wiring.md - reference
- references/async-state.md - reference
- references/components-index.md - reference
- references/controls.md - reference
- references/deeplinks.md - reference
- references/focus.md - reference
- references/form.md - reference
- references/grids.md - reference
- references/haptics.md - reference
- references/input-toolbar.md - reference
- references/lightweight-clients.md - reference
- references/list.md - reference
- references/loading-placeholders.md - reference
- references/macos-settings.md - reference
- references/matched-transitions.md - reference
- references/media.md - reference
- references/menu-bar.md - reference
- references/navigationstack.md - reference
- references/overlay.md - reference
- references/performance.md - reference
- references/previews.md - reference
- references/scroll-reveal.md - reference
- references/scrollview.md - reference
- references/searchable.md - reference
- references/sheets.md - reference
- references/split-views.md - reference
- references/tabview.md - reference
- references/theming.md - reference
- references/title-menus.md - reference
- references/top-bar.md - reference

## Questions

### Is SwiftUI UI Patterns safe to install?

AIR scanned this exact version of SwiftUI UI Patterns and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 05ba982bfeb0, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/swiftui-ui-patterns.

### How do I install SwiftUI UI Patterns?

Open https://airmarket.ai/app/swiftui-ui-patterns on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/dimillian/skills/tree/05ba982bfeb0d77d3c97d4542b0ee15034d05f84/swiftui-ui-patterns. Install from that link, not the branch.

## Related on Air Market

- [More Design listings](/category/design)
- [Everything by Thomas Ricouard](/@dimillian)

---

Canonical URL: <https://airmarket.ai/app/swiftui-ui-patterns>
