swiftui-patterns
✓Use when implementing iOS 17+ SwiftUI patterns: @Observable/@Bindable, MVVM architecture, NavigationStack, lazy loading, UIKit interop, accessibility (VoiceOver/Dynamic Type), async operations (.task/.refreshable), or migrating from ObservableObject/@StateObject.
Installation
SKILL.md
SwiftUI 17+ removes ObservableObject boilerplate with @Observable, simplifies environment injection with @Environment, and introduces task-based async patterns. The core principle: use Apple's modern APIs instead of reactive libraries.
| Observable model | @Observable | ObservableObject | | Published property | Regular property | @Published | | Own state | @State | @StateObject | | Passed model (binding) | @Bindable | @ObservedObject | | Environment injection | environment(:) | environmentObject(:) | | Environment access | @Environment(Type.self) | @EnvironmentObject |
| Async on appear | .task { } | .onAppear { Task {} } | | Value change | onChange(of:initial::) | onChange(of:perform:) |
Use when implementing iOS 17+ SwiftUI patterns: @Observable/@Bindable, MVVM architecture, NavigationStack, lazy loading, UIKit interop, accessibility (VoiceOver/Dynamic Type), async operations (.task/.refreshable), or migrating from ObservableObject/@StateObject. Source: johnrogers/claude-swift-engineering.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/johnrogers/claude-swift-engineering --skill swiftui-patterns- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is swiftui-patterns?
Use when implementing iOS 17+ SwiftUI patterns: @Observable/@Bindable, MVVM architecture, NavigationStack, lazy loading, UIKit interop, accessibility (VoiceOver/Dynamic Type), async operations (.task/.refreshable), or migrating from ObservableObject/@StateObject. Source: johnrogers/claude-swift-engineering.
How do I install swiftui-patterns?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/johnrogers/claude-swift-engineering --skill swiftui-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/johnrogers/claude-swift-engineering
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01