swiftui-ui-patterns

Standardize SwiftUI views with TabView, NavigationStack, and sheet routing.

3|1|Updated Jan 14, 2026
One-click install
npx skills add https://github.com/heyAyushh/stacc --skill swiftui-ui-patterns-heyayushh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-ui-patterns
Source: https://github.com/heyAyushh/stacc/tree/main/configs/stacks/ios/swiftui-ui-patterns
Command: npx skills add https://github.com/heyAyushh/stacc --skill swiftui-ui-patterns-heyayushh

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a standardized approach to building SwiftUI interfaces, aligning navigation, views, and reusable patterns across projects.

Core Features & Use Cases

  • TabView and per-tab NavigationStack patterns to maintain independent navigation histories.
  • Centralized sheet routing with enum-driven presentation for consistent modals.
  • Component references and a workflow to add new references via references/components-index.md.
  • Clear guidance for creating or refactoring SwiftUI screens with composable subviews and environment-driven styling.

Quick Start

Review existing SwiftUI references to align with the patterns, create or update a component reference under references/, then apply the TabView/NavigationStack and sheet routing guidance when building new views.

Frequently Asked Questions about swiftui-ui-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage independent navigation histories with NavigationStack in a SwiftUI TabView?

To manage independent navigation histories in a SwiftUI TabView, apply per-tab NavigationStack patterns. This approach maintains isolated navigation states for each tab, ensuring users return to the exact screen they left when switching contexts.

What is the best way to centralize sheet routing in SwiftUI?

The best way to centralize sheet routing in SwiftUI is using enum-driven presentation. This pattern manages modals consistently across projects by mapping each sheet to a specific enum case, providing a reliable and maintainable routing mechanism.

How do I standardize SwiftUI UI design patterns across multiple projects?

Standardize SwiftUI UI design patterns by adopting a references workflow. You create or update component references under a references directory, aligning new views and refactoring existing screens with composable subviews and environment-driven styling.

When do I need to refactor SwiftUI views into composable subviews?

You need to refactor SwiftUI views into composable subviews when building complex screens or scaling app design. This process centralizes styling via environment values and enforces standardized, reusable UI patterns across the project.