swiftui

1# SwiftUI Skills
2 
3Focused SwiftUI framework skills — each sub-skill covers one API area in depth.
4 
5## When This Skill Activates
6 
7Use this skill when the user:
8- Has **state/rendering bugs**: state resets, over-rendering, flashing lists, animation crossfades (data-flow)
9- Is choosing **@State vs @Bindable vs @Environment** or migrating to Observation (data-flow)
10- Builds **custom layouts or containers**, or fights **lazy-stack/scroll performance** (layout)
11- Wants alarms or timers with **AlarmKit** (custom UI, Live Activities, snooze)
12- Is creating **3D data visualizations** with Swift Charts (Chart3D, SurfacePlot)
13- Needs **styled text or rich text editing** (Text, AttributedString, TextEditor)
14- Is implementing or customizing **toolbars** (customizable toolbars, search integration)
15- Wants to **embed web content** (WebView, WebPage, JavaScript interop)
16 
17## Available Skills
18 
19Paths are relative to THIS file's directory — skills run with cwd set to the
20user's project, so resolve each path from this SKILL.md's own location.
21 
22| Skill | Read | Covers |
23|-------|------|--------|
24| data-flow | `data-flow/SKILL.md` | View identity/lifetime/dependencies, Observation, state ownership, body discipline, main-actor contract |
25| layout | `layout/SKILL.md` | Layout protocol, Grid decisions, custom containers, lazy-stack + scrolling performance rules |
26| alarmkit | `alarmkit/SKILL.md` | Alarms and timers with custom UI, Live Activities, snooze (iOS 18+) |
27…