view-composition

What problem does it solve?

This Skill addresses the challenge of organizing and structuring SwiftUI views to improve readability, maintainability, and reusability, especially in larger codebases.

Core Features & Use Cases

• Modular View Design: Encourages breaking down complex views into smaller, manageable @ViewBuilder computed properties.
• Code Organization: Provides clear guidelines on when to extract view components into separate structs or files based on size, reusability, or state management needs.
• Naming Conventions: Establishes consistent naming patterns for view sections and action buttons to enhance code clarity.
• Use Case: When building a detailed settings screen in a SwiftUI app, use this Skill to ensure each section (e.g., Account, Notifications, Privacy) is a distinct @ViewBuilder property, making the overall body a clean outline.

Quick Start

Apply the view composition rules to refactor the provided UserProfileView code.