swiftui-ui-patterns

Organize SwiftUI page design and pattern selection for new screens.

8|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/ChoshimWy/iOSAgentSkills --skill swiftui-ui-patterns-choshimwy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: swiftui-ui-patterns
Source: https://github.com/ChoshimWy/iOSAgentSkills/tree/main/skills/swiftui-ui-patterns
Command: npx skills add https://github.com/ChoshimWy/iOSAgentSkills --skill swiftui-ui-patterns-choshimwy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

提供在新页面设计阶段对 SwiftUI 页面结构、导航层级、状态归属和组件拆分方案的选型与设计的实用指南,帮助团队在早期确定方向,避免后续的昂贵重构。注意,本技能不用于对已有结构下的普通 SwiftUI 实现、巨型视图清理、跨栈设计系统工作;若产出涉及 Apple Xcode 项目相关内容,收尾必须切到 verify-ios-build 并在目标项目环境完成最终验证。

Core Features & Use Cases

  • 针对新页面的模式选型与导航层级设计提供明确建议,覆盖 TabView、NavigationStack、sheet、List、Grid 等常见结构及其状态归属与路由组织。
  • 提供现有巨型 SwiftUI 视图分解与组件拆分的路线图,帮助选取职责清晰、可复用的组件边界。
  • 当结构已明确时,给出切换到 swiftui-feature-implementation 或其他相关技能的指引,避免混用与冲突。

Quick Start

请描述你要新建的 SwiftUI 页面及首选导航模式,并请求 AI 给出推荐的组件拆分与路由方案。

Frequently Asked Questions about swiftui-ui-patterns

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

FAQPage Schema
How do I design navigation hierarchy and state ownership for a new SwiftUI page?

To design navigation hierarchy and state ownership for a new SwiftUI page, you select appropriate structures like NavigationStack or TabView and define clear component boundaries to prevent unintended edits and avoid expensive refactoring.

What is the best way to partition components and split massive SwiftUI views?

The best way to partition components and split massive SwiftUI views is by following a roadmap that establishes clear, reusable boundaries for responsibilities, ensuring correct state ownership and organized routing within your design phase.

When do I need to plan SwiftUI page patterns before implementation?

You need to plan SwiftUI page patterns before implementation when making design-time decisions for new pages, ensuring pattern selection, correct state ownership, and clear boundaries are established early to prevent costly structural changes later.

Can I use this approach to clean up existing SwiftUI implementations or cross-stack design systems?

No, you cannot use this approach to clean up existing standard SwiftUI implementations or handle cross-stack design system work, as it strictly targets early design-time decisions for new pages rather than post-implementation refactoring.

Does building SwiftUI page structures require a final build verification step?

Yes, building SwiftUI page structures requires a final build verification step, mandating a transition to verify-ios-build within the target Apple Xcode project environment to validate any generated project-related content.