mcpField
S
swiftui

swiftui

github.com/rshankras開発842196 回インストール14 週間前に更新
リポジトリ

swiftui について

SwiftUI 開発者向けに、API 領域ごとのガイダンスをまとめたスキル集です。データフロー、レイアウト、チャート、テキスト、ツールバー、アラーム、Web コンテンツの課題に応じて案内します。

主な機能

  1. 017分野の SwiftUI スキル
  2. 02状態管理と Observation のガイダンス
  3. 03カスタムレイアウトとスクロールの助言
  4. 04AlarmKit、チャート、テキスト、ツールバーに対応
  5. 05WebView と JavaScript 連携のガイダンス

活用シーン

  1. 01状態のリセットや過剰な再描画の診断
  2. 02SwiftUI の状態管理方式の選択
  3. 03カスタムレイアウトの構築やスクロール改善
  4. 04アラーム、チャート、リッチテキスト、Web コンテンツの追加

インストール

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

$npx skills add https://github.com/rshankras/claude-code-apple-skills --skill swiftui

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

同梱ファイル

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

alarmkit/
live-activities.md
presentation.md
scheduling.md
webkit/
javascript-advanced.md
navigation.md
webview-basics.md

詳細

SwiftUI スキル

SwiftUI フレームワークに特化したスキルです。各サブスキルでは、1 つの API 領域を詳しく扱います。

このスキルが有効になる場面

次のような場合に、このスキルを使用してください。

  • 状態やレンダリングの不具合がある場合：状態のリセット、過剰な再レンダリング、リストのちらつき、アニメーションのクロスフェード（データフロー）
  • @State、@Bindable、@Environment のどれを選ぶか、または Observation に移行するかを検討している場合（データフロー）
  • カスタムレイアウトやコンテナを構築する場合、または遅延スタックやスクロールのパフォーマンスに悩んでいる場合（レイアウト）
  • AlarmKit を使ってアラームやタイマーを作成したい場合（カスタム UI、ライブアクティビティ、スヌーズ）
  • Swift Charts で3D データビジュアライゼーションを作成する場合（Chart3D、SurfacePlot）
  • スタイル付きテキストやリッチテキスト編集が必要な場合（Text、AttributedString、TextEditor）
  • ツールバーを実装またはカスタマイズする場合（カスタマイズ可能なツールバー、検索の統合）
  • Web コンテンツを埋め込みたい場合（WebView、WebPage、JavaScript 相互運用）

利用可能なスキル

パスはこのファイルのディレクトリからの相対パスです。スキルはユーザーのプロジェクトを cwd として実行されるため、各パスはこの SKILL.md 自身の場所を基準に解決してください。

スキル読み込むファイル対象範囲
data-flowdata-flow/SKILL.mdビューの同一性／ライフタイム／依存関係、Observation、状態の所有権、body の規律、メインアクターの契約
layoutlayout/SKILL.mdLayout プロトコル、Grid の選択、カスタムコンテナ、遅延スタックとスクロールのパフォーマンスに関するルール
alarmkitalarmkit/SKILL.mdカスタム UI を使ったアラームとタイマー、ライブアクティビティ、スヌーズ（iOS 18 以降）
charts-3dcharts-3d/SKILL.mdChart3D、SurfacePlot、インタラクティブなポーズ制御、サーフェスのスタイル設定
text-editingtext-editing/SKILL.md書式設定コントロールを備えた Text、AttributedString、TextEditor
toolbarstoolbars/SKILL.mdカスタマイズ可能なツールバー、検索の統合、トランジション効果、プラットフォームごとの動作
webkitwebkit/SKILL.mdWebView と WebPage の埋め込み、ナビゲーション、JavaScript 相互運用

ルーティング方法

  1. 上の表から、リクエストに合う行を選びます。
  2. 該当する SKILL.md（このファイルからの相対パス）と、そこに記載されている参照ファイルを読み込みます。
  3. ガイダンスをユーザーのコードに適用します。

コメント

Markdown 対応