← LeaderboardThe Skill Leaderboard

swiftui

Skill file skills/swiftui/SKILL.md in rshankras/claude-code-apple-skills. Read the publisher’s upstream source.

Description could not be read from the source metadata.

Published by rshankras ↗rshankras/claude-code-apple-skills

Try your first task

swiftui

Start a fresh conversation. Replace the highlighted placeholders.

Use swiftui to investigate [SwiftUI screen or issue] and propose a code-level fix for state, rendering, layout, or scroll performance.

Required inputs

  • [SwiftUI screen or issue]

User-approved starter prompt based on a pinned source version; check current skill requirements before running. Task evidence ↗

SKILL.md

name: swiftuidescription: 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.allowed-tools: [Read, Glob, Grep]last_verified: 2026-07-16review_by: 2027-06-22os_version: iOS 27 / macOS 27

SwiftUI Skills

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.