swiftui-patterns について
swiftui-patternsは、Appleプラットフォーム向けのSwiftUIビューやコンポーネントを構築するためのベストプラクティスと例を提供するスキルです。ナビゲーション、画面構成、状態管理に取り組む開発者向けに、SwiftUIらしいパターンを解説します。
主な機能
- 01TabViewを使ったナビゲーション構成
- 02ナビゲーション階層のパターン
- 03スタックやグリッドによる画面構成
- 04カスタムビューモディファイア
- 05@Stateと@Bindingの管理
- 06例を交えたコンポーネントパターン
活用シーン
- 01タブベースのナビゲーション構成
- 02スタックやグリッドによる画面構成
- 03ビューの状態とバインディングの管理
- 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
判断ツリー
-
完全版のスキルはすでにインストールされていますか? 上流ではこのスキルを
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 に進んでください
- グローバル:
-
対象範囲を判定してから、インストールします:
[ -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 -yClaude 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を使用してください
コメント
Markdown 対応