mcpField
S
swiftui-core

swiftui-core

github.com/fusengineDevelopment3441 installsUpdated 2w ago
Repository

About swiftui-core

A fundamentals skill for SwiftUI developers building across Apple platforms. It covers view composition, navigation, SwiftData, state management, Liquid Glass, and App Intents, with references and practical guidance.

Key features

  1. 01Composable views and modifiers
  2. 02NavigationStack and NavigationSplitView
  3. 03SwiftData persistence
  4. 04@State, @Observable, and @Environment
  5. 05Liquid Glass and App Intents

Use cases

  1. 01Build SwiftUI views and components
  2. 02Implement stack or multi-column navigation
  3. 03Persist data with SwiftData
  4. 04Manage state and integrate Siri or Shortcuts

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/fusengine/agents --skill swiftui-core

After installing, type/swiftui-corein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
app-intents.md
data-swiftdata.md
liquid-glass.md
navigation.md
state-management.md
views-modifiers.md

Details

From the project README
Covers 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.

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:

  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
FeatureBenefit
Declarative UILess code, automatic updates
Cross-platformSame code for iOS/macOS/watchOS/visionOS
@ObservableSimple reactive state
SwiftDataModern 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

NeedReference
Views, modifiers, layoutsviews-modifiers.md
NavigationStack, deep linkingnavigation.md
SwiftData, @Query, CloudKitdata-swiftdata.md
@State, @Observable, Environmentstate-management.md
Liquid Glass all platformsliquid-glass.md
Siri, Shortcuts, App Intentsapp-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

Comments

Markdown supported