swiftui-expert-skill
Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management and `@Observable` data flow, view composition and invalidation/performance, lists and `ForEach` identity, environment usage, localization, animations, Liquid Glass adoption, migrating soft-deprecate
By avdlee · 31,287 installs
npx skills add avdlee/swiftui-agent-skill --skill swiftui-expert-skill
Source repository · Upstream listing
SwiftUI Expert Skill
Operating Rules
Consult references/latest apis.md at the start of every task to avoid deprecated APIs
Prefer native SwiftUI APIs over UIKit/AppKit bridging unless bridging is necessary
Focus on correctness and performance; do not enforce specific architectures (MVVM, VIPER, etc.)
Encourage separating business logic from views for testability without mandating how
Follow Apple's Human Interface Guidelines and API design patterns
Only adopt Liquid Glass when explicitly requested by the user (see references/liquid glass.md )
Present performance optimizations as suggestions, not requirements
Use available gating with sensible fallbacks for version specific APIs
Task Workflow
Review existing SwiftUI code
Read the code under review and identify which topics apply
Flag deprecated APIs (compare against references/latest apis.md )
Run the Topic Router below for each relevant topic
Validate available gating and fallback paths for iOS 26+ features
Improve existing SwiftUI code
Audit current implementation against the Topic Router topics
Replace deprecated APIs with modern equivalents from references/latest apis.md
Refactor hot paths to reduce unnecessary state updates
Extract complex view bodies into separate subviews
Suggest image downsampling when UIImage(data:) is encountered (optional optimization, see references/image optimization.md )
Implement new SwiftUI feature
Design data flow first: identify owned vs injected state
Structure views for optimal diffing (extract subviews early)
Apply correct animation patterns (implicit vs explicit, transitions)
Use Button for all tappable elements; add accessibility grouping and labels
Gate version specific APIs with available and provide fallbacks
Record a new Instruments trace
Trigger when the user asks to "record a trace", "profile the app", "capture a session", etc. Full reference: references/trace recording.md .
1. Confirm target — attach to a running app, launch an app, or record all processes? If the user didn't say, ask. List connected devices when useful:
2. Pick a template based on target kind — the SwiftUI template populates the SwiftUI lane on any real device : a physical iOS/iPadOS device or the host Mac . The only exception is the iOS Simulator , where the SwiftUI lane comes back empty — switch to template "Time Profiler" in that case (still gives Time Profiler + Hangs + Animation Hitches). Always check list devices : simulators kind → Time Profiler ; devices kind (real devices and the host Mac) → default SwiftUI . Full decision table in references/trace recording.md .
3. Start the recording . For agent driven sessions where the user says "I'll tell you when I'm done", start in the background and use a stop file:
For interactive sessions, just tell the user to press Ctrl+C when done.
4. Signal stop — when the user says they've finished exercising the app, touch /tmp/stop trace . The script cleanly SIGINTs xctrace and waits up to 60s for finalisation.
5. Analyse the resulting trace (flow into the "Trace driven improvement" workflow below).
Trace driven improvement (Instruments .trace provided)
Trigger whenever the user's request references a .trace file. A target SwiftUI source file is optional — if given, cite specific lines; if not, recommend where to look based on view names and symbols the trace already reveals.
Full reference: references/trace analysis.md . Summary of the composition pattern:
1. Scope the analysis. Ask yourself: does the user want the whole trace, or a slice?
"focus on X / after X / between X and Y / during X" → resolve to a window first (see step 2).
No scoping cue → analyse the whole trace.
2. Resolve a window (only if the user scoped). The parser exposes two discovery modes:
Both modes accept window START MS:END MS to scope discovery. Pick the time ms (for logs) or start ms / end ms (for signposts) that match the user's description. Build a window like window 10400:11700 .
3. Run the main analysis (with or without window ):
4. Interpret with references/trace analysis.md — key diagnostics:
main running coverage pct inside each correlation (<25% = blocked; ≥75% = CPU bound).
swiftui causes.top sources reveals why updates keep happening — high edge count sources like UserDefaultObserver.send() or wide EnvironmentWriter entries are structural invalidation bugs. Fixing one often collapses many downstream hot views.
5. When a specific view shows as expensive, ask who's invalidating it. Use fanin for "<view name " to get the ranked list of source nodes driving the updates.
6. Optionally ground in source. If the user pointed at a file, read it and match view names / user code symbols against identifiers there. If not, recommend which files to open based on the view names SwiftUI reported.
7. Return a prioritised plan. Cite evidence (coverage %, hot symbol, overlapping view, log timestamp, cause graph edges) and route each recommendation to a Topic Router reference.
8. Only edit code if the user asked for edits.
Topic Router
Consult the reference file for each topic relevant to the current task:
Topic Reference
State management references/state management.md
View composition references/view structure.md
Performance references/performance patterns.md
Lists and ForEach references/list patterns.md
Layout references/layout best practices.md
Sheets and navigation references/sheet navigation patterns.md
ScrollView, scroll position, and scroll geometry references/scroll patterns.md
Focus management references/focus patterns.md
Animations (basics) references/animation basics.md
Animations (transitions) references/animation transitions.md
Animations (advanced) references/animation advanced.md
Accessibility references/accessibility patterns.md
Swift Charts references/charts.md
Charts accessibility references/charts accessibility.md
Image optimization references/image optimization.md
Liquid Glass (iOS 26+) references/liquid glass.md
macOS scenes references/macos scenes.md
macOS window styling references/macos window styling.md
macOS views references/macos views.md
Text patterns references/text patterns.md
Localization references/localization.md
Deprecated API lookup references/latest apis.md
Handling soft deprecated APIs references/soft deprecation.md
Previews references/previews.md
Instruments trace analysis references/trace analysis.md
Instruments trace recording references/trace recording.md
Correctness Checklist
These are hard rules violations are always bugs:
[ ] @State properties are private
[ ] @Binding only where a child modifies parent state
[ ] Passed values never declared as @State or @StateObject (they ignore updates)
[ ] @StateObject for view owned objects; @ObservedObject for injected
[ ] iOS 17+: @State with @Observable ; @Bindable for injected observables needing bindings
[ ] ForEach uses stable identity (never .indices / \.offset ; id outlives the view and isn't derived from mutable content)
[ ] Constant number of views per ForEach element; List rows are unary
[ ] No closures stored in custom @Environment / @FocusedValue keys
[ ] Custom @Entry default values are stable (no Model() / Date() / UUID() expressions)
[ ] .animation( :value:) always includes the value parameter
[ ] @FocusState properties are private
[ ] No redundant @FocusState writes inside tap gesture handlers on .focusable() views
[ ] iOS 26+ APIs gated with available and fallback provided
[ ] import Charts present in files using chart types
[ ] Previews use self contained mock data; no dependency on live services or network
References
references/latest apis.md Read first for every task. Deprecated to modern API transitions (iOS 15+ through iOS 26+)
references/state management.md Property wrappers, data flow, @Observable migration
references/view structure.md View extraction, container patterns, @ViewBuilder
references/performance patterns.md Hot path optimization, update control, logChanges()
references/list patterns.md ForEach identity, Table (iOS 16+), inline filtering pitfalls
references/layout best practices.md Layout patterns, GeometryReader alternatives
references/accessibility patterns.md VoiceOver, Dynamic Type, grouping, traits
references/animation basics.md Implicit/explicit animations, timing, performance
references/animation transitions.md View transitions, matchedGeometryEffect , Animatable
references/animation advanced.md Phase/keyframe animations (iOS 17+), @Animatable macro (iOS 26+)
references/charts.md Swift Charts marks, axes, selection, styling, Chart3D (iOS 26+)
references/charts accessibility.md Charts VoiceOver, Audio Graph, fallback strategies
references/sheet navigation patterns.md Sheets, NavigationSplitView, Inspector
references/scroll patterns.md ScrollViewReader, scroll geometry, programmatic scrolling, target behaviors
references/focus patterns.md Focus state, focusable views, focused values, default focus, common pitfalls
references/image optimization.md AsyncImage, downsampling, caching
references/liquid glass.md iOS 26+ Liquid Glass effects and fallback patterns
references/macos scenes.md Settings, MenuBarExtra, WindowGroup, multi window
references/macos window styling.md Toolbar styles, window sizing, Commands
references/macos views.md HSplitView, Table, PasteButton, AppKit interop
references/previews.md Preview macro, @Previewable (iOS 18+), preview traits, mock data patterns for self contained previews
references/text patterns.md Text initializer selection, verbatim vs localized
references/localization.md String Catalogs, bundle for packages, LocalizedStringResource , locale aware formatting, RTL layout, translator comments
references/soft deprecation.md How to behave with soft deprecated APIs (when to migrate, scoping rule, don't migrate during unrelated edits)
references/trace analysis.md Parse Instruments .trace files via scripts/analyze trace.py ; interpret main thread coverage, high severity SwiftUI updates, hitch narratives, and map findings back to source files
references/trace recording.md Record a new trace via scripts/record trace.py : attach to a running app, launch one fresh, or capture a manually stopped session; supports stop file for agent driven flows