swiftui-patternslisted

Build SwiftUI views with modern MV architecture, state management, and view composition patterns. Covers @Observable ownership rules, @State/@Bindable/@Environment wiring, view decomposition, custom ViewModifiers, environment values, async data loading with .task, iOS 26+ APIs, Writing Tools, and performance guidelines. Use when structuring a SwiftUI app, managing state with @Observable, composing view hierarchies, or applying SwiftUI best practices.
dpearson2699/swift-ios-skills · ★ 640 · Web & Frontend · score 81

Install: claude install-skill dpearson2699/swift-ios-skills

# SwiftUI Patterns Modern SwiftUI patterns targeting iOS 26+ with Swift 6.3. Covers architecture, state management, view composition, environment wiring, async loading, design polish, and platform/share integration. Navigation and layout patterns live in dedicated sibling skills. Patterns are backward-compatible to iOS 17 unless noted. ## Contents - [Architecture: Model-View (MV) Pattern](#architecture-model-view-mv-pattern) - [State Management](#state-management) - [View Ordering Convention](#view-ordering-convention) - [View Composition](#view-composition) - [Environment](#environment) - [Async Data Loading](#async-data-loading) - [iOS 26+ New APIs](#ios-26-new-apis) - [Performance Guidelines](#performance-guidelines) - [HIG Alignment](#hig-alignment) - [Writing Tools (iOS 18+)](#writing-tools-ios-18) - [Common Mistakes](#common-mistakes) - [Review Checklist](#review-checklist) - [References](#references) **Scope boundary:** This skill covers architecture, state ownership, composition, environment wiring, async loading, and related SwiftUI app structure patterns. Detailed navigation patterns are covered in the `swiftui-navigation` skill, including `NavigationStack`, `NavigationSplitView`, sheets, tabs, and deep-linking patterns. Detailed layout, container, and component patterns are covered in the `swiftui-layout-components` skill, including stacks, grids, lists, scroll view patterns, forms, controls, search UI with `.searchable`, overlays, and related layout components