References cover views/modifiers, navigation, SwiftData, state management, Liquid Glass across platforms, and App Intents in depth.
Best practices: extract subviews once a view body exceeds ~30 lines, compose with ViewBuilder and modifiers, always include #Preview, use semantic colors (.primary/.secondary), add accessibility labels to icons, and adapt layout by size class.
SwiftUI Core
SwiftUI fundamentals shared across all Apple platforms.
Agent Workflow (MANDATORY)
Before ANY implementation, spawn 3 agents in parallel, one Agent call each with a name:
- fuse-ai-pilot:explore-codebase - Analyze existing SwiftUI patterns
- fuse-ai-pilot:research-expert - Verify latest SwiftUI docs via Context7/Exa
- mcp__apple-docs__search_apple_docs - Check SwiftUI view patterns
After implementation, run fuse-ai-pilot:sniper for validation.
Overview
When to Use
- Building SwiftUI views and components
- Implementing navigation (NavigationStack, SplitView)
- Data persistence with SwiftData
- State management (@State, @Observable)
- Custom view modifiers and layouts
Why SwiftUI Core
| Feature |
Benefit |
| Declarative UI |
Less code, automatic updates |
| Cross-platform |
Same code for iOS/macOS/watchOS/visionOS |
| @Observable |
Simple reactive state |
| SwiftData |
Modern persistence with minimal code |
Key Concepts
Views & Modifiers
Composable UI building blocks. Extract subviews at 30+ lines.
Navigation
NavigationStack for stack-based, NavigationSplitView for multi-column.
SwiftData
Modern persistence with @Model. Replaces Core Data for most use cases.
State Management
@State for local, @Observable for shared, @Environment for injection.
Reference Guide
| Need |
Reference |
| Views, modifiers, layouts |
views-modifiers.md |
| NavigationStack, deep linking |
navigation.md |
| SwiftData, @Query, CloudKit |
data-swiftdata.md |
| @State, @Observable, Environment |
state-management.md |
| Liquid Glass all platforms |
liquid-glass.md |
| Siri, Shortcuts, App Intents |
app-intents.md |
Best Practices
- Small views - Extract at 30+ lines
- Composition - Use ViewBuilder and modifiers
- Preview-driven - Always include #Preview
- Semantic colors - Use .primary, .secondary
- Accessibility - Add labels to icons
- Platform adaptation - Check sizeClass for responsive layouts
1---2name: swiftui-core3description: Use when building SwiftUI views, navigation, persistence, or state management — shared across iOS, macOS, watchOS, visionOS.4---56<objective>7Covers SwiftUI fundamentals shared across all Apple platforms: composable views and modifiers, navigation (NavigationStack for stack-based flows, NavigationSplitView for multi-column layouts), data persistence with SwiftData (@Model, replacing Core Data for most cases), state management (@State for local, @Observable for shared, @Environment for injection), Liquid Glass styling, and App Intents for Siri/Shortcuts integration.89References cover views/modifiers, navigation, SwiftData, state management, Liquid Glass across platforms, and App Intents in depth.1011Best practices: extract subviews once a view body exceeds ~30 lines, compose with ViewBuilder and modifiers, always include #Preview, use semantic colors (.primary/.secondary), add accessibility labels to icons, and adapt layout by size class.12</objective>1314# SwiftUI Core1516SwiftUI fundamentals shared across all Apple platforms.1718## Agent Workflow (MANDATORY)1920Before ANY implementation, spawn 3 agents in parallel, one `Agent` call each with a `name`:21221. **fuse-ai-pilot:explore-codebase** - Analyze existing SwiftUI patterns232. **fuse-ai-pilot:research-expert** - Verify latest SwiftUI docs via Context7/Exa243. **mcp__apple-docs__search_apple_docs** - Check SwiftUI view patterns2526After implementation, run **fuse-ai-pilot:sniper** for validation.2728---2930## Overview3132### When to Use3334- Building SwiftUI views and components35- Implementing navigation (NavigationStack, SplitView)36- Data persistence with SwiftData37- State management (@State, @Observable)38- Custom view modifiers and layouts3940### Why SwiftUI Core4142| Feature | Benefit |43|---------|---------|44| Declarative UI | Less code, automatic updates |45| Cross-platform | Same code for iOS/macOS/watchOS/visionOS |46| @Observable | Simple reactive state |47| SwiftData | Modern persistence with minimal code |4849---5051## Key Concepts5253### Views & Modifiers54Composable UI building blocks. Extract subviews at 30+ lines.5556### Navigation57NavigationStack for stack-based, NavigationSplitView for multi-column.5859### SwiftData60Modern persistence with @Model. Replaces Core Data for most use cases.6162### State Management63@State for local, @Observable for shared, @Environment for injection.6465---6667## Reference Guide6869| Need | Reference |70|------|-----------|71| Views, modifiers, layouts | [views-modifiers.md](references/views-modifiers.md) |72| NavigationStack, deep linking | [navigation.md](references/navigation.md) |73| SwiftData, @Query, CloudKit | [data-swiftdata.md](references/data-swiftdata.md) |74| @State, @Observable, Environment | [state-management.md](references/state-management.md) |75| Liquid Glass all platforms | [liquid-glass.md](references/liquid-glass.md) |76| Siri, Shortcuts, App Intents | [app-intents.md](references/app-intents.md) |7778---7980## Best Practices81821. **Small views** - Extract at 30+ lines832. **Composition** - Use ViewBuilder and modifiers843. **Preview-driven** - Always include #Preview854. **Semantic colors** - Use .primary, .secondary865. **Accessibility** - Add labels to icons876. **Platform adaptation** - Check sizeClass for responsive layouts
fusengine