mcpField
S
swiftui-patterns

swiftui-patterns

github.com/podo開発30166 回インストール4 日前に更新
リポジトリ

swiftui-patterns について

swiftui-patternsは、Appleプラットフォーム向けのSwiftUIビューやコンポーネントを構築するためのベストプラクティスと例を提供するスキルです。ナビゲーション、画面構成、状態管理に取り組む開発者向けに、SwiftUIらしいパターンを解説します。

主な機能

  1. 01TabViewを使ったナビゲーション構成
  2. 02ナビゲーション階層のパターン
  3. 03スタックやグリッドによる画面構成
  4. 04カスタムビューモディファイア
  5. 05@Stateと@Bindingの管理
  6. 06例を交えたコンポーネントパターン

活用シーン

  1. 01タブベースのナビゲーション構成
  2. 02スタックやグリッドによる画面構成
  3. 03ビューの状態とバインディングの管理
  4. 04再利用可能なSwiftUIコンポーネントの作成

インストール

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

$npx skills add https://github.com/podo/design-agent-skills --skill swiftui-patterns

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

同梱ファイルstub.yaml

詳細

swiftui-patterns

カタログのスタブ — スキルの完全版:Dimillian/Skills

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか? 上流ではこのスキルを swiftui-ui-patterns という名前にしているため、このポインターの隣にインストールされます(ポインターは置き換えられません)。

    • グローバル:f=~/.agents/skills/swiftui-ui-patterns/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト:f=.agents/skills/swiftui-ui-patterns/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルは swiftui-ui-patterns としてインストール済みです。スキルを呼び出して続行してください
    • pointer → ステップ 2 に進んでください
  2. 対象範囲を判定してから、インストールします:

    [ -e ~/.agents/skills/swiftui-patterns ] && echo "global" || echo "project"
    

    グローバル:

    npx skills add Dimillian/Skills --skill swiftui-ui-patterns -g -y
    

    プロジェクト:

    npx skills add Dimillian/Skills --skill swiftui-ui-patterns -y
    

    Claude Code: 会話から離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信してください。

注意事項

  • ライセンス: MIT
  • 名前の重複: swiftui-ui-patterns は swiftui-claude-skills によっても提供されています(そのインストールまたはカタログのポインター)。両方をインストールすると、先にインストールしたものが上書きされます。

インストール後の呼び出し

  • スキル名:swiftui-ui-patterns
  • トリガーフレーズ:「SwiftUI patterns」、「SwiftUI components」、「SwiftUI tab architecture」、「SwiftUI screen」

機能

Apple プラットフォームで SwiftUI のビューやコンポーネントを構築するためのベストプラクティスと、例を中心としたガイダンスを提供します。TabView を使ったタブベースのナビゲーションアーキテクチャ、ナビゲーション階層、スタックやグリッドを使った画面構成、カスタムビューモディファイア、@State と @Binding の管理、参照例を含むコンポーネント固有のパターンを扱います。SwiftUI のコードを慣用的なスタイルに保ち、レイアウトや状態管理の問題を引き起こす一般的なアーキテクチャ上のミスを回避します。

使用しない場合

  • Liquid Glass(iOS 26)API → liquid-glass-skill を使用してください
  • SwiftUI アプリのビジュアルデザインの方向性 → swiftui-design-skill を使用してください
  • より幅広い SwiftUI スキルセット → swiftui-claude-skills を使用してください

コメント