/create-view

/create-view - Create SwiftUI View

Generate a SwiftUI view with proper architecture and best practices.

Steps

1. Ask the user for the view name, purpose, and data requirements 2. Determine the view type: screen (full page), component (reusable), or sheet (modal) 3. Create the SwiftUI view file with the appropriate structure 4. Add @State, @Binding, @ObservedObject, or @EnvironmentObject properties as needed 5. Implement the view body with proper layout: VStack, HStack, ZStack, List, or Grid 6. Add navigation elements: NavigationLink, sheet, alert, or confirmationDialog 7. Include loading, empty, and error states with appropriate UI 8. Add accessibility modifiers: accessibilityLabel, accessibilityHint, accessibilityValue 9. Implement dark mode support with proper color assets 10. Create a PreviewProvider with multiple preview configurations 11. Add the view to the navigation flow in the appropriate coordinator or router 12. Document the view's purpose, parameters, and usage examples

Rules

• Follow MVVM architecture: views should not contain business logic
• Use @StateObject for owned data, @ObservedObject for injected data
• Keep views small; extract subviews for sections over 30 lines
• Use SF Symbols for icons instead of custom assets when available
• Support Dynamic Type for all text elements
• Add proper keyboard handling for form views
• Use the project's design system colors and typography