swiftui-patterns

swiftui-patterns is a skill for Claude Code from johnrogers/claude-swift-engineering. It costs 61 tokens per session (952 once invoked), scanned A, original, MIT.

Guidance for building modern iOS interfaces with SwiftUI, Apple's framework for describing screens in Swift code. It covers iOS 17+ state and data patterns, navigation, asynchronous work, UIKit integration, and accessibility.

In plain words
What is it for?
Use it when building SwiftUI screens, managing observable models, passing bindings, adding NavigationStack flows, loading data asynchronously, connecting UIKit views, or supporting VoiceOver and Dynamic Type.
Why use it?
It helps avoid outdated SwiftUI patterns and unnecessary boilerplate when managing models, bindings, environment values, navigation, or tasks. It also clarifies how to make asynchronous work cancel when a view disappears.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the swift-engineering plugin — 17 skills, 3 commands, 11 agents shipped together

Good fit Use it when building SwiftUI screens, managing observable models, passing bindings, adding…

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/johnrogers/claude-swift-engineering/swiftui-patterns
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add johnrogers/claude-swift-engineering --skill swiftui-patterns
Clone the repo
git clone --depth 1 https://github.com/johnrogers/claude-swift-engineering

Made for: Claude Code.

Or install swift-engineering, the plugin that ships this one along with the rest of its 17 skills, 3 commands, 11 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for swiftui-patterns

README.md
[![agentmods](https://agentmods.dev/badge/skills/johnrogers/claude-swift-engineering/swiftui-patterns.svg)](https://agentmods.dev/skills/johnrogers/claude-swift-engineering/swiftui-patterns)
Your own site
<a href="https://agentmods.dev/skills/johnrogers/claude-swift-engineering/swiftui-patterns"><img src="https://agentmods.dev/badge/skills/johnrogers/claude-swift-engineering/swiftui-patterns.svg" alt="Measured on agentmods" height="20"></a>
Per session 61 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 952 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00061 $0.00952
Opus 5 $0.00030 $0.00476
Sonnet 5 $0.00012 $0.00190
Haiku 4.5 $0.00006 $0.00095

Measured 7d ago against content hash bfc3e2bcd4ce, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

swiftui-patterns scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/swift-engineering/skills/swiftui-patterns/SKILL.md · 66 lines

How it starts

The opening of the file, as written. The whole thing — 66 lines — stays where its author put it; the contents beside it link to each section on GitHub.

SwiftUI Patterns (iOS 17+)

SwiftUI 17+ removes ObservableObject boilerplate with @Observable, simplifies environment injection with @Environment, and introduces task-based async patterns. The core principle: use Apple's modern APIs instead of reactive libraries.

Overview

Quick Reference

Need Use (iOS 17+) NOT
Observable model @Observable ObservableObject
Published property Regular property @Published
Own state @State @StateObject
Passed model (binding) @Bindable @ObservedObject
Environment injection environment(_:) environmentObject(_:)
Environment access @Environment(Type.self) @EnvironmentObject
Async on appear .task { } .onAppear { Task {} }
Value change onChange(of:initial:_:) onChange(of:perform:)

Core Workflow

  1. Use @Observable for model classes (no @Published needed)
  2. Use @State for view-owned models, @Bindable for passed models
  3. Use .task { } for async work (auto-cancels on disappear)
  4. Use NavigationStack with NavigationPath for programmatic navigation
  5. Apply .accessibilityLabel() and .accessibilityHint() to interactive elements

Reference Loading Guide

ALWAYS load reference files if there is even a small chance the content may be required. It's better to have the context than to miss a pattern or make a mistake.

Reference Load When
Observable Creating new @Observable model classes
State Management Deciding between @State, @Bindable, @Environment
Environment Injecting dependencies into view hierarchy
View Modifiers Using onChange, task, or iOS 17+ modifiers
Migration Guide Updating iOS 16 code to iOS 17+
MVVM Observable Setting up view model architecture
Navigation Programmatic or deep-link navigation
Performance Lists with 100+ items or excessive re-renders
UIKit Interop Wrapping UIKit components (WKWebView, PHPicker)
Accessibility VoiceOver, Dynamic Type, accessibility actions
Async Patterns Loading states, refresh, background tasks
Composition Reusable view modifiers or complex conditional UI

Read the full file on GitHub · 66 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 7d ago First seen · 66 lines · 61 tokens per session scan A bfc3e2bcd4ce

Subscribe to this mod's changes

swiftui-patterns is a skill published in the GitHub repository johnrogers/claude-swift-engineering (228 stars, last pushed 7mo ago), licensed MIT. It adds 61 tokens to every session and 952 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

wear-compose-m3

Expert guidance for working with Wear OS Compose Material3. Use this skill when creating, updating, or migrating Wear OS projects. This includes the androidx.wear.compose.material3, androidx.wear.compose.foundation, and androidx.wear.compose.navigation3 libraries. Also working with core components such as AppScaffold…

android/skills · 101 tokens

kotlin-specialist

Provides idiomatic Kotlin implementation patterns including coroutine concurrency, Flow stream handling, multiplatform architecture, Compose UI construction, Ktor server setup, and type-safe DSL design. Use when building Kotlin applications requiring coroutines, multiplatform development, or Android with Compose.…

Jeffallan/claude-skills · 86 tokens

build-android-binary

Compile a PAM control's Android Kotlin module into the runtime-loadable DEX for a .ppmplugin. Creates a staged Gradle build with the pinned wrapper and react-android compile dependency, verifies manifest/module/package alignment and runtime-loading constraints, builds the release AAR, then runs d8 --min-api 24. Writes…

microsoft/power-platform-skills · 150 tokens

swiftui-dev

Use this skill for SwiftUI development, architecture, structure, performance, and Apple native app profiling. It combines.

Orkas-AI/Orkas · 3 tokens

android-navigation-3

Install and migrate to Jetpack Navigation 3. Use when implementing Navigation 3 patterns including NavDisplay, NavKey routes, deep links, multiple backstacks, scenes (dialogs, bottom sheets), or migrating from Navigation 2.

HoangNguyen0403/agent-skills-standard · 52 tokens

mobiai-kmp

Use when working on a Kotlin Multiplatform project — shared code, expect/actual declarations, platform-specific implementations, building and testing.

ArisGuimera/MobiAI-Core · 32 tokens