Skip to main content
affpapa.org
RU EN
skill CX Codex

swiftui-navigation — Claude Code skill: what it does, how to install

Provides SwiftUI navigation architectures, covering typed stacks, multi-column layouts, sheets, and tabs. Useful when structuring navigation state across iOS and macOS apps.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add dpearson2699/swift-ios-skills --skill swiftui-navigation -a claude-code
Open on GitHub

What swiftui-navigation does

This skill guides the agent to implement programmatic navigation using NavigationStack bound to a typed [Route] array. Routes rely on a Hashable enum mapped with .navigationDestination(for:), guaranteeing compile-time safety. To avoid cluttered views, an app router object holds stack and modal state, injected across subviews using SwiftUI environment modifiers.

For split layouts on iPad and Mac, it provides standard NavigationSplitView setups and manual HStack splits conditioned on horizontalSizeClass. Sheet presentations prioritize .sheet(item:) over boolean flags, combining them with .presentationSizing controls and .interactiveDismissDisabled to protect unsaved form edits.

The guidelines target iOS 26+ with Swift 6.3, remaining compatible down to iOS 17. Projects locked to earlier OS releases cannot use these patterns because they drop legacy NavigationView entirely.

What it helps with

  • build type-safe programmatic navigation using a route enum
  • isolate navigation stacks inside separate tab items
  • implement multi-column interfaces with NavigationSplitView
  • guard unsaved sheet changes against accidental interactive dismissal

Example prompts for the agent

  • Set up a router-based NavigationStack using a custom route enum
  • Create a multi-column layout using NavigationSplitView for iPad
  • Configure a sheet presentation with custom presentationSizing

How to install swiftui-navigation

1Skills CLI (Vercel)

npx skills add dpearson2699/swift-ios-skills --skill swiftui-navigation -a claude-code

2Manually: put the files in place

~/.claude/skills/swiftui-navigation/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/swiftui-navigation/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about swiftui-navigation

How to install swiftui-navigation in Claude Code?

Run npx skills add dpearson2699/swift-ios-skills --skill swiftui-navigation -a claude-code in your terminal. You can also save the file directly to ~/.claude/skills/swiftui-navigation/SKILL.md.

What does swiftui-navigation do?

It defines structural patterns for SwiftUI routing, including programmatic stacks, split view columns, sheets, and tab navigation.

Which iOS versions does swiftui-navigation require?

Patterns target iOS 26+ with Swift 6.3, offering backward compatibility to iOS 17. Features like .presentationSizing specifically require iOS 18+.

Similar skills

Everything for Mobile →
swiftui-ui-patterns official OpenAI This skill helps build and refactor SwiftUI interfaces, from navigation and state to layouts and controls. Use it for new screens or changes to an existing project. CX Codex GP ChatGPT 114installs swiftui-patterns affaan-m Guides AI agents on modern SwiftUI architecture: @Observable state, type-safe navigation, and view performance. Useful when building or reviewing iOS and macOS UI. CX Codex +1 4,600installs swiftui-motion AThevon Provides SwiftUI animation rules and decision trees for coding agents. Helps configure springs, phase animators, and clean transitions without visual bugs. CX Codex +1 943installs swiftui-whats-new-27 superagents-lab A reference skill covering SwiftUI API updates across 2027 Apple platforms. It prevents build failures when @State transitions to a macro and guides migration. CX Codex +1 737installs guide-swiftui-animations Prisma-Labs-Dev A guide skill for SwiftUI motion: implicit and explicit animations, transitions, phase and keyframe animations, the Animatable protocol. CX Codex +1 347installs swiftui-specialist superagents-lab A skill that feeds an AI agent reference notes on idiomatic SwiftUI while it writes, reviews or edits your code. CX Codex +1 864installs

From the same set86

ios-networking A skill that guides your coding agent through Swift networking on iOS and macOS: URLSession with async/await, error handling, retries and pagination. CX Codex +1 4,400installs swift-concurrency Fixes Sendable errors and actor isolation diagnostics in Swift 6.2+ while adopting approachable concurrency features. CX Codex +1 4,300installs ios-localization Guides localization work for iOS and macOS apps, from String Catalogs and plural forms to locale formatting and RTL layouts. CX Codex +1 4,300installs swift-testing Writes Swift Testing unit tests and converts existing XCTest assertions, flagging which checks belong in XCTest or XCUITest. CX Codex +1 4,300installs push-notifications Review, build, and debug local and APNs remote notifications for iOS and macOS in Swift. Handles permission flows, silent pushes, and service extensions. CX Codex +1 4,200installs swiftui-layout-components Guides SwiftUI screen layouts built from stacks, grids, lists, forms, and controls. Use it for settings, collections, and scrollable views. CX Codex +1 4,200installs debugging-instruments Helps debug crashes, find retain cycles, and diagnose main-thread hangs in iOS apps using LLDB, Memory Graph Debugger, and Instruments. CX Codex +1 4,100installs swiftui-liquid-glass Implement and review Liquid Glass in SwiftUI interfaces for iOS 26+. Useful when adding glass buttons, grouped effects, or animated shape changes. CX Codex +1 4,100installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor