Does it provide guidance on performance?

Yes, the component references include performance notes and promote the use of small, focused subviews and the .task modifier for efficient data loading.

How does this skill handle app navigation?

It provides standardized scaffolding for TabView, NavigationStack, and RouterPath enums to ensure a consistent navigation experience.

Can I use this for existing iOS projects?

Absolutely. It includes a specific track for existing projects to identify primary interaction models and apply local conventions to new features.

What is the recommended pattern for modal sheets?

The skill prefers item-driven sheets where the sheet component owns its internal actions and dismissal logic rather than using closure forwarding.

Does this skill support modern SwiftUI state management?

Yes, it specifically promotes the use of modern tools like @State, @Binding, @Observable, and @Environment while avoiding unnecessary view models.

SwiftUI UI Patterns

Name: SwiftUI UI Patterns
Author: shuto-S

byshuto-S

•

Mobile Development

Accelerates the development of SwiftUI applications with best-practice patterns for architecture, navigation, and UI components.

This skill provides a structured framework for building and refactoring SwiftUI applications using modern Apple-native conventions. It offers specific guidance on app scaffolding, tab navigation, and sheet management while emphasizing modern data flow tools like @Observable and @Environment. By following these opinionated patterns, developers can ensure consistency, accessibility, and high performance in their mobile projects while avoiding common pitfalls in state management.

Key Features

01Integrated accessibility workflows for interactive UI components

02Modern state management guidance using @Observable and @Environment

03Optimized app scaffolding with TabView and NavigationStack wiring

04Comprehensive component reference guide for building focused subviews

05Standardized item-driven sheet patterns for robust state management

063 GitHub stars

Use Cases

01Scaffolding a new SwiftUI project with a clean, scalable navigation architecture

02Designing complex modal sheet flows with encapsulated dismissal logic

03Refactoring legacy codebases to use modern SwiftUI-native state management

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shuto-s/codex-app-mobile swiftui-ui-patterns

For use in Claude.ai and ChatGPT

Key Features

01Integrated accessibility workflows for interactive UI components

02Modern state management guidance using @Observable and @Environment

03Optimized app scaffolding with TabView and NavigationStack wiring

04Comprehensive component reference guide for building focused subviews

05Standardized item-driven sheet patterns for robust state management

063 GitHub stars

Use Cases

01Scaffolding a new SwiftUI project with a clean, scalable navigation architecture

02Designing complex modal sheet flows with encapsulated dismissal logic

03Refactoring legacy codebases to use modern SwiftUI-native state management

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shuto-s/codex-app-mobile swiftui-ui-patterns

For use in Claude.ai and ChatGPT