mcpField
S
swiftui

swiftui

github.com/rshankrasDevelopment842196 installsUpdated 14w ago
Repository

About swiftui

A collection of focused SwiftUI skills for developers, each covering a specific API area. It routes coding questions to guidance on data flow, layout, charts, text, toolbars, alarms, and web content.

Key features

  1. 01Seven focused SwiftUI skill areas
  2. 02Guidance on state and Observation
  3. 03Custom layout and scrolling advice
  4. 04AlarmKit, charts, text, and toolbar coverage
  5. 05WebView and JavaScript interop guidance

Use cases

  1. 01Diagnosing state resets or excess rendering
  2. 02Choosing SwiftUI state-management approaches
  3. 03Building custom layouts or improving scrolling
  4. 04Adding alarms, charts, rich text, or embedded web content

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/rshankras/claude-code-apple-skills --skill swiftui

After installing, type/swiftuiin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

alarmkit/
live-activities.md
presentation.md
scheduling.md
webkit/
javascript-advanced.md
navigation.md
webview-basics.md

Details

From the project README

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.

Comments

Markdown supported