skills.rest
omarshahine
omarshahineCOMMUNITY
Explore all skills by this author →
Website𝕏@OmarShahineGitHub

swiftui-ui-patterns

Apply SwiftUI UI patterns for navigation, layouts, and state management.

7|8|Updated Jan 22, 2026
Search Tags:#navigation#swiftui#ui-patterns#tabview#vstack#hstack
One-click install
npx skills add https://github.com/omarshahine/Apple-PIM-Agent-Plugin --skill swiftui-ui-patterns-omarshahine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-ui-patterns
Source: https://github.com/omarshahine/Apple-PIM-Agent-Plugin/tree/main/.claude/skills/swiftui-ui-patterns
Command: npx skills add https://github.com/omarshahine/Apple-PIM-Agent-Plugin --skill swiftui-ui-patterns-omarshahine

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SwiftUI UI patterns provide proven guidance to build and refactor SwiftUI views and components, reducing guesswork in layout, state management, and navigation.

Core Features & Use Cases

  • Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids.
  • Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.
  • Provides a reference-driven workflow to locate and apply the appropriate component patterns from the repository.

Quick Start

Read and apply the provided references to start implementing patterns in your current SwiftUI 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 structure navigation hierarchies in SwiftUI?▼

SwiftUI navigation hierarchies are structured using stack-based layouts and TabView architecture to organize view composition. Applying these UI patterns reduces guesswork and streamlines interface maintenance for declarative iOS screens.

What is the best way to manage state with @State and @Binding when refactoring SwiftUI views?▼

Managing declarative state with @State and @Binding during SwiftUI refactoring is handled by applying reference-driven component patterns. These examples streamline interface development and reduce layout guesswork for declarative iOS interfaces.

How do I build responsive layouts using VStack and HStack in SwiftUI?▼

Building responsive SwiftUI layouts with VStack and HStack uses example-driven guidance and reference patterns. This method provides best practices for composing screens and streamlines declarative interface maintenance.

Can I use these UI patterns for designing tab architecture with TabView?▼

Yes, you can use these UI patterns for designing tab architecture with TabView. The reference-driven workflow helps locate and apply appropriate component patterns for building or refactoring SwiftUI views.

When do I need custom view modifiers in SwiftUI?▼

You need custom view modifiers in SwiftUI when creating or refactoring components to ensure responsive layouts and maintain declarative state. The reference-driven workflow locates appropriate component patterns for these specific scenarios.

Related Skills

Explore More Software Engineering Skills→
ChoshimWyChoshimWy
8

swiftui-view-refactor

Refactor existing SwiftUI views into small subviews with MV-first data flow.

Community
Intermediate
rattamnoonrattamnoon

swiftui-ui-patterns

Provide best-practices guidance for building SwiftUI views with navigation and state management.

Community
Intermediate
duylinhdang1998duylinhdang1998

jetpack-compose

Build declarative Android UIs with Jetpack Compose and Material3.

Community
Intermediate
omarshahineomarshahine
155

swiftui-uikit-interop

Wrap UIKit views and controllers for use in SwiftUI, and embed SwiftUI in UIKit via UIHostingController.

Community
Advanced