---
title: "/create-view - Create SwiftUI View"
description: "Generate a SwiftUI view with proper architecture and best practices."
type: skill
canonical_url: https://claudary.paisolsolutions.com/skills/create-view
source: "Claudary"
difficulty: intermediate
author: "Claude Code Knowledge Pack"
date: 2026-07-10T11:19:08.984Z
license: CC-BY-4.0
attribution: "/create-view - Create SwiftUI View — Claudary (https://claudary.paisolsolutions.com/skills/create-view)"
---

# /create-view - Create SwiftUI View
Generate a SwiftUI view with proper architecture and best practices.

## Overview

# /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

---

Source: [Claudary](https://claudary.paisolsolutions.com/skills/create-view) · https://claudary.paisolsolutions.com