返回 Skill 列表
extension
分类: 开发与工程无需 API Key

swiftui-core

适用于所有Apple平台的SwiftUI基础知识。在使用SwiftUI构建iOS、macOS、iPadOS、watchOS和visionOS上的视图、导航、数据持久化或状态管理时使用。

person作者: jakexiaohubgithub

SwiftUI Core

SwiftUI fundamentals shared across all Apple platforms.

Agent Workflow (MANDATORY)

Before ANY implementation, use TeamCreate to spawn 3 agents:

  1. fuse-ai-pilot:explore-codebase - Analyze existing SwiftUI patterns
  2. fuse-ai-pilot:research-expert - Verify latest SwiftUI docs via Context7/Exa
  3. 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

  1. Small views - Extract at 30+ lines
  2. Composition - Use ViewBuilder and modifiers
  3. Preview-driven - Always include #Preview
  4. Semantic colors - Use .primary, .secondary
  5. Accessibility - Add labels to icons
  6. Platform adaptation - Check sizeClass for responsive layouts