mcpField
A
apple-swiftui

apple-swiftui

github.com/fandhe-ai開発456 回インストール3 日前に更新
リポジトリ

apple-swiftui について

SwiftUI 開発者向けのリファレンススキルです。ビュー、レイアウト、状態、ナビゲーション、アダプティブ UI、ドキュメント、モディファイア、アニメーションの公式資料を案内します。

主な機能

  1. 01ビューとコントロールの資料
  2. 02レイアウトと状態の資料
  3. 03ナビゲーションとアダプティブレイアウト
  4. 04ドキュメント API とモディファイア
  5. 05アニメーション API リファレンス
  6. 06タスク別のカテゴリ案内

活用シーン

  1. 01標準的な SwiftUI インターフェースの構築
  2. 02ビューの状態とナビゲーションの管理
  3. 03折りたたみデバイス向けレイアウトの調整
  4. 04モディファイアとアニメーションの追加

インストール

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

$npx skills add https://github.com/fandhe-ai/agent-reference-skills --skill apple-swiftui

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

同梱ファイル

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

references/adaptive-layout/
arrangementview.md
arrangementviewstyle.md
cameracaptureaccessory.md
devicehinge.md
overlay-arrangement.md
README.md
reservedregion.md
split-arrangement-layout.md
references/animation/
animatable.md
animation-modifier.md
animation.md
anytransition.md
contenttransition-modifier.md
contenttransition.md
keyframeanimator.md
matchedgeometryeffect.md
phaseanimator.md
README.md
spring.md
transition-modifier.md
transition-phase.md
transition.md
withanimation-completion.md
withanimation.md
references/documents/
document.md
documentgroup.md
documentreader-writer.md
fileexporter.md
README.md
updating-document-based-app.md

詳細

プロジェクトの README より

SwiftUI リファレンス

SwiftUI 公式ドキュメントの主要 API を網羅したスキル。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

対象: iOS 27 SDK / Xcode 27（iPhone Duo 系 API は iOS 27.1+、FileDocument は iOS 27.2 で deprecated）。出典 https://developer.apple.com/documentation/swiftui （DocC JSON https://developer.apple.com/tutorials/data/documentation/swiftui/.json）、取得日 2026-10-16。 UIKit 側の UIArrangementViewController / UIHingeInteraction は apple-uikit、Duo のカメラ記事は apple-media を参照。

ディレクトリ構成

skills/apple-swiftui/
  SKILL.md
  references/
    views-controls/
      README.md
      text.md
      label.md
      image.md
      button.md
      toggle.md
      textfield.md
      securefield.md
      texteditor.md
      slider.md
      stepper.md
      picker.md
      datepicker.md
      colorpicker.md
      progressview.md
      link.md
      menu.md
      list.md
      section.md
      foreach.md
      form.md
      glass-button-style.md
      reorderable.md
      swipeactions.md
      contentbuilder.md
      asyncimage.md
    layout/
      README.md
      vstack.md
      hstack.md
      zstack.md
      lazyvstack.md
      lazyhstack.md
      grid.md
      gridrow.md
      lazyvgrid.md
      lazyhgrid.md
      griditem.md
      spacer.md
      divider.md
      geometryreader.md
      viewthatfits.md
      layout.md
      alignment.md
      horizontalalignment.md
      verticalalignment.md
      edgeinsets.md
      scrollview.md
    state-data/
      README.md
      state.md
      binding.md
      bindable.md
      environment.md
      environmentvalues.md
      environmentobject.md
      stateobject.md
      observedobject.md
      observableobject.md
      appstorage.md
      scenestorage.md
      focusstate.md
      namespace.md
    navigation/
      README.md
      navigationstack.md
      navigationsplitview.md
      navigationlink.md
      navigationpath.md
      navigationdestination.md
      sheet.md
      fullscreencover.md
      popover.md
      alert.md
      confirmationdialog.md
      tabview.md
      tab.md
      toolbar.md
      toolbaritem.md
      presentationdetents.md
      toolbar-vertical.md
      toolbar-overflow.md
    adaptive-layout/
      README.md
      arrangementview.md
      arrangementviewstyle.md
      split-arrangement-layout.md
      overlay-arrangement.md
      reservedregion.md
      devicehinge.md
      cameracaptureaccessory.md
    documents/
      README.md
      documentgroup.md
      document.md
      documentreader-writer.md
      urldocumentconfiguration.md
      fileexporter.md
      updating-document-based-app.md
    modifiers/
      README.md
      frame.md
      padding.md
      background.md
      overlay.md
      foreground-style.md
      font.md
      text-styling.md
      text-layout.md
      clip-shape.md
      shadow.md
      opacity.md
      offset-position.md
      scale-rotation.md
      border-tint.md
      interaction.md
      glass-effect.md
      glass-effect-container.md
    animation/
      README.md
      withanimation.md
      withanimation-completion.md
      animation.md
      animation-modifier.md
      spring.md
      transition.md
      anytransition.md
      transition-modifier.md
      transition-phase.md
      contenttransition.md
      contenttransition-modifier.md
      matchedgeometryeffect.md
      phaseanimator.md
      keyframeanimator.md
      animatable.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの references/<category>/README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
Text / Image / Button / Toggle / List / Form などの標準ビューを使いたいviews-controlsreferences/views-controls/README.md
TextField / SecureField / Picker / DatePicker / Slider で入力 UI を作りたいviews-controlsreferences/views-controls/README.md
ForEach / Section でリストやデータ繰り返し表示をしたいviews-controlsreferences/views-controls/README.md
VStack / HStack / ZStack でビューを並べたいlayoutreferences/layout/README.md
LazyVGrid / LazyHGrid / Grid でグリッドレイアウトを作りたいlayoutreferences/layout/README.md
GeometryReader / ViewThatFits / Layout でサイズ・整列を制御したいlayoutreferences/layout/README.md
State / Binding / Bindable でビューの状態を管理したいstate-datareferences/state-data/README.md
Environment / EnvironmentObject / EnvironmentValues を使いたいstate-datareferences/state-data/README.md
AppStorage / SceneStorage でデータを永続化したいstate-datareferences/state-data/README.md
NavigationStack / NavigationLink で画面遷移を実装したいnavigationreferences/navigation/README.md
sheet / fullScreenCover / popover / alert でモーダル表示したいnavigationreferences/navigation/README.md
TabView / Tab / toolbar / ToolbarItem でタブ・ツールバーを作りたいnavigationreferences/navigation/README.md
縦軸ツールバー・overflow メニュー・表示優先度を制御したいnavigationreferences/navigation/README.md
iPhone Duo / 折りたたみ向けに primary・secondary を出し分けたい（ArrangementView, split / overlay）adaptive-layoutreferences/adaptive-layout/README.md
カメラ・ヒンジの予約領域を避けたい（ReservedRegion）／ヒンジ角度・開閉状態を取得したい（DeviceHinge, onHingeChange）／外側ディスプレイに表示したい（CameraCaptureAccessory）adaptive-layoutreferences/adaptive-layout/README.md
ドキュメントベースアプリを作りたい・FileDocument から移行したい（DocumentGroup, Document, ReadableDocument, WritableDocument, fileExporter）documentsreferences/documents/README.md
List 以外で並べ替え・スワイプアクションを付けたい（reorderable, swipeActionsContainer）／ContentBuilder／AsyncImage を使いたいviews-controlsreferences/views-controls/README.md
Liquid Glass（glassEffect / GlassEffectContainer / glass ボタン）を適用したいmodifiersreferences/modifiers/README.md
frame / padding / background / overlay でレイアウト調整したいmodifiersreferences/modifiers/README.md
font / foregroundStyle / shadow / opacity で見た目を整えたいmodifiersreferences/modifiers/README.md
clipShape / scaleEffect / rotationEffect / border などを適用したいmodifiersreferences/modifiers/README.md
withAnimation / Animation でアニメーションを付けたいanimationreferences/animation/README.md
Transition / AnyTransition で挿入・削除アニメーションを定義したいanimationreferences/animation/README.md
matchedGeometryEffect / PhaseAnimator / KeyframeAnimator を使いたいanimationreferences/animation/README.md

コメント

Markdown 対応