swiftui-advanced

Q: How do I install swiftui-advanced?

Run npx skills add https://github.com/johnrogers/claude-swift-engineering --skill swiftui-advanced in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/swiftui-advanced/ (personal) or .claude/skills/swiftui-advanced/ (project).

by johnrogersMobile

Use when implementing gesture composition (simultaneous, sequenced, exclusive), adaptive layouts (ViewThatFits, AnyLayout, size classes), or choosing architecture patterns (MVVM vs TCA vs vanilla, State-as-Bridge). Covers advanced SwiftUI patterns beyond basic views.

Installs: 164
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/johnrogers/claude-swift-engineering --skill swiftui-advanced

01
Install
Run the command in your project. The CLI asks which agents to install for.
02
Describe the task
Ask your agent for something this skill covers. It loads swiftui-advanced automatically when relevant.
03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

SwiftUI Advanced

Advanced SwiftUI patterns for gesture composition, adaptive layouts, architecture decisions, and performance optimization.

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
Gestures	Composing multiple gestures, GestureState, custom recognizers
Adaptive Layout	ViewThatFits, AnyLayout, size classes, iOS 26 free-form windows
Architecture	MVVM vs TCA decision, State-as-Bridge, property wrapper selection
Performance	Instruments 26, view body optimization, unnecessary updates

Core Workflow

Identify pattern category from user's question
Load relevant reference for detailed patterns and code examples
Apply pattern following the decision trees and anti-patterns
Verify using provided checklists or profiling guidance

Decision Trees

Gesture Composition

Both gestures at same time? -> .simultaneously
One must complete before next? -> .sequenced
Only one should win? -> .exclusively

Layout Adaptation

Pick best-fitting variant? -> ViewThatFits
Animated H/V switch? -> AnyLayout
Need actual dimensions? -> onGeometryChange

Architecture Selection

Small app, Apple patterns? -> @Observable + State-as-Bridge
Complex presentation logic? -> MVVM with @Observable
Rigorous testability needed? -> TCA

Common Mistakes

Gesture composition order matters — .simultaneously and .sequenced have different trigger timing. Swapping them silently changes behavior. Understand gesture semantics before using.
ViewThatFits over-used — ViewThatFits remeasures on every view change. For animated H/V switches, use AnyLayout instead. Use ViewThatFits only for static variant selection.
onGeometryChange triggering unnecessary updates — Reading geometry changes geometry, which triggers updates, which changes geometry... circular. Use .onGeometryChange only with proper state management to avoid loops.
Architecture mismatch mid-project — Starting with @Observable + State-as-Bridge then realizing you need TCA is expensive. Choose architecture upfront based on complexity (small app = @Observable, complex = TCA).
Ignoring view body optimization — Computing expensive calculations in view body repeatedly kills performance. Move calculations to properties or models. Profile with Instruments 26 before optimizing prematurely.

FAQ

What does the swiftui-advanced skill do?

How do I install swiftui-advanced?

Run npx skills add https://github.com/johnrogers/claude-swift-engineering --skill swiftui-advanced in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/swiftui-advanced/ (personal) or .claude/skills/swiftui-advanced/ (project).

Which AI agents can use swiftui-advanced?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is swiftui-advanced safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains swiftui-advanced?

It is published by johnrogers in johnrogers/claude-swift-engineering. It has 164 recorded installs.