SwiftUI Skills

SkillMedia

SwiftUI framework skills — data flow (identity, Observation, state ownership), layout & containers (Layout protocol, lazy-stack performance), AlarmKit, 3D charts, rich text editing, customizable toolbars, and WebKit embedding. Use for SwiftUI state/rendering bugs, custom layouts, scroll performance, or these feature areas.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the SwiftUI Skills skill

What this skill tells your AI

The instructions your AI receives, as published by rshankras/claude-code-apple-skills in skills/swiftui/SKILL.md and read by ahel’s review.

Focused SwiftUI framework skills — each sub-skill covers one API area in depth.

When This Skill Activates

Use this skill when the user:

  • Has state/rendering bugs: state resets, over-rendering, flashing lists, animation crossfades (data-flow)
  • Is choosing @State vs @Bindable vs @Environment or migrating to Observation (data-flow)
  • Builds custom layouts or containers, or fights lazy-stack/scroll performance (layout)
  • Wants alarms or timers with AlarmKit (custom UI, Live Activities, snooze)
  • Is creating 3D data visualizations with Swift Charts (Chart3D, SurfacePlot)
  • Needs styled text or rich text editing (Text, AttributedString, TextEditor)
  • Is implementing or customizing toolbars (customizable toolbars, search integration)
  • Wants to embed web content (WebView, WebPage, JavaScript interop)

Available Skills

Paths are relative to THIS file's directory — skills run with cwd set to the user's project, so resolve each path from this SKILL.md's own location.

SkillReadCovers
data-flowdata-flow/SKILL.mdView identity/lifetime/dependencies, Observation, state ownership, body discipline, main-actor contract
layoutlayout/SKILL.mdLayout protocol, Grid decisions, custom containers, lazy-stack + scrolling performance rules
alarmkitalarmkit/SKILL.mdAlarms and timers with custom UI, Live Activities, snooze (iOS 18+)
charts-3dcharts-3d/SKILL.mdChart3D, SurfacePlot, interactive pose control, surface styling
text-editingtext-editing/SKILL.mdText, AttributedString, TextEditor with formatting controls
toolbarstoolbars/SKILL.mdCustomizable toolbars, search integration, transition effects, platform behavior
webkitwebkit/SKILL.mdWebView and WebPage embedding, navigation, JavaScript interop

How to Route

  1. Match the request to a row above.
  2. Read that SKILL.md (relative to this file) plus any reference files it lists.
  3. Apply the guidance to the user's code.

Signals

GitHub stars
727
Forks
70
Last commit
Jul 2026
Advanced
Catalog kind
skill
Gateway key
swiftui-rshankras
Source
github.com/rshankras/claude-code-apple-skills