skills.rest
alslimany
alslimanyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

swiftui-ui-patterns

Provide standardized SwiftUI patterns for navigation, layout, and state management.

Updated Apr 15, 2026
Search Tags:#refactoring#layout#navigation#state-management#swiftui#ui-patterns#component-guidance
One-click install
npx skills add https://github.com/alslimany/tams --skill swiftui-ui-patterns-alslimany
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-ui-patterns
Source: https://github.com/alslimany/tams/tree/main/.cursor/skills/swiftui-ui-patterns
Command: npx skills add https://github.com/alslimany/tams --skill swiftui-ui-patterns-alslimany

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SwiftUI UI pattern guidance speeds up building and refactoring of user interfaces by providing reusable patterns and best practices.

Core Features & Use Cases

  • Navigation & layout patterns for common screens using TabView, NavigationStack, and stacks.
  • Component-driven guidance for composing views with VStack/HStack and modifiers.
  • State management recommendations for @State, @Binding, and environment-driven dependencies across modules.
  • Use cases include refactoring existing SwiftUI apps, scaffolding new screens, and maintaining consistent UI architecture.

Quick Start

Identify a target feature in your SwiftUI project, locate a nearby example using TabView or NavigationStack, and apply the recommended patterns to implement or refactor the UI.

Frequently Asked Questions about swiftui-ui-patterns

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

FAQPage Schema
How do I structure navigation hierarchies in SwiftUI when refactoring existing apps?▼

SwiftUI navigation hierarchies should use standardized patterns like TabView and NavigationStack to accelerate refactoring and ensure consistent architecture across new and existing screens.

What is the best way to manage state across modules in SwiftUI?▼

State management across modules in SwiftUI relies on standardized patterns for @State, @Binding, and environment-driven dependencies to maintain consistent data flow and UI architecture.

Can I use VStack and HStack to compose component-driven SwiftUI views?▼

Yes, component-driven guidance for composing views uses VStack, HStack, and modifiers to build reusable UI patterns that align with standard SwiftUI conventions.

How do I scaffold new SwiftUI screens with consistent UI patterns?▼

Scaffolding new SwiftUI screens involves applying standardized layout patterns using stacks and grids, then referencing the components-index to enforce best practices and minimum OS compatibility.

Does this SwiftUI UI pattern guidance work with existing projects?▼

Yes, the guidance is explicitly scoped for existing projects, providing reusable patterns to refactor views and enforce best practices while maintaining compatibility with SwiftUI conventions.

Related Skills

Explore More Software Engineering Skills→
CharlesWiltgenCharlesWiltgen
1.1k

swiftui-debugging

Diagnose SwiftUI view update failures using Self._printChanges() and decision trees.

Community
Intermediate
niltsiarniltsiar
1

kmp-ios

Integrate SwiftUI views with Kotlin Multiplatform ViewModels via SKIE bridging.

Community
Advanced
kmshdevkmshdev
1

swiftui-view-refactor

Refactor SwiftUI view files for layout ordering and @Observable usage.

Community
Advanced
pradeepmoulipradeepmouli

axiom-ios-ui

Identify and fix iOS UI issues across SwiftUI and UIKit.

Community
Intermediate