mcpField
S
swiftui-core

swiftui-core

github.com/fusengine開発3441 回インストール2 週間前に更新
リポジトリ

swiftui-core について

Appleプラットフォーム向けSwiftUI開発の基礎を扱うスキルです。ビュー構成、ナビゲーション、SwiftData、状態管理、Liquid Glass、App Intentsを参考資料や実践的な指針とともに紹介します。

主な機能

  1. 01ビューとモディファイアの構成
  2. 02NavigationStackとNavigationSplitView
  3. 03SwiftDataによる永続化
  4. 04@State、@Observable、@Environment
  5. 05Liquid GlassとApp Intents

活用シーン

  1. 01SwiftUIのビューとコンポーネントの構築
  2. 02スタック型またはマルチカラム型ナビゲーションの実装
  3. 03SwiftDataによるデータ保存
  4. 04状態管理とSiriまたはShortcutsとの連携

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/swiftui-coreを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

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

詳細

すべての Apple プラットフォームで共通する SwiftUI の基礎を扱います。組み合わせ可能なビューとモディファイア、ナビゲーション（スタックベースのフローには NavigationStack、マルチカラムレイアウトには NavigationSplitView）、SwiftData によるデータ永続化（@Model、ほとんどのケースで Core Data を置き換え）、状態管理（ローカルには @State、共有には @Observable、注入には @Environment）、Liquid Glass スタイリング、Siri/ショートカット連携のための App Intents をカバーします。

リファレンスでは、ビュー/モディファイア、ナビゲーション、SwiftData、状態管理、すべてのプラットフォームにわたる Liquid Glass、App Intents を詳しく扱います。

ベストプラクティス: ビューの body が約 30 行を超えたらサブビューを抽出する、ViewBuilder とモディファイアで構成する、常に #Preview を含める、セマンティックカラー（.primary/.secondary）を使用する、アイコンにアクセシビリティラベルを追加する、サイズクラスに応じてレイアウトを適応させる。

SwiftUI Core

すべての Apple プラットフォームで共通する SwiftUI の基礎。

エージェントワークフロー（必須）

実装を行う前に、必ず 3 つのエージェントを並列で起動します。それぞれ name を指定した Agent 呼び出しを 1 回ずつ行います:

  1. fuse-ai-pilot:explore-codebase - 既存の SwiftUI パターンを分析する
  2. fuse-ai-pilot:research-expert - Context7/Exa 経由で最新の SwiftUI ドキュメントを検証する
  3. mcp__apple-docs__search_apple_docs - SwiftUI のビューパターンを確認する

実装後は、検証のために fuse-ai-pilot:sniper を実行します。

概要

使用する場面
  • SwiftUI のビューやコンポーネントを構築するとき
  • ナビゲーション（NavigationStack、SplitView）を実装するとき
  • SwiftData によるデータ永続化を行うとき
  • 状態管理（@State、@Observable）を行うとき
  • カスタムビューモディファイアやレイアウトを作成するとき
SwiftUI Core を選ぶ理由
機能利点
宣言型 UIコード量が少なく、自動更新される
クロスプラットフォームiOS/macOS/watchOS/visionOS で同じコード
@Observableシンプルなリアクティブ状態
SwiftData最小限のコードで実現するモダンな永続化

主要な概念

ビューとモディファイア

組み合わせ可能な UI 構築ブロック。30 行以上になったらサブビューを抽出します。

ナビゲーション

スタックベースには NavigationStack、マルチカラムには NavigationSplitView。

SwiftData

@Model によるモダンな永続化。ほとんどのユースケースで Core Data を置き換えます。

状態管理

ローカルには @State、共有には @Observable、注入には @Environment。

リファレンスガイド

目的リファレンス
ビュー、モディファイア、レイアウトviews-modifiers.md
NavigationStack、ディープリンクnavigation.md
SwiftData、@Query、CloudKitdata-swiftdata.md
@State、@Observable、Environmentstate-management.md
すべてのプラットフォームの Liquid Glassliquid-glass.md
Siri、ショートカット、App Intentsapp-intents.md

ベストプラクティス

  1. 小さなビュー - 30 行以上で抽出する
  2. コンポジション - ViewBuilder とモディファイアを使用する
  3. プレビュー駆動 - 常に #Preview を含める
  4. セマンティックカラー - .primary、.secondary を使用する
  5. アクセシビリティ - アイコンにラベルを追加する
  6. プラットフォーム適応 - レスポンシブレイアウトのために sizeClass を確認する

コメント

Markdown 対応