Navigation

swiftui-patterns は、Apple プラットフォーム向けの Frontend Development に役立つ実践的なガイドです。SwiftUI の状態管理、NavigationStack のフロー、ビュー構成、パフォーマンス指針を扱い、実際のアプリコードに合うパターンを選べるようにします。明確な責務分離と再描画の削減を意識して画面をリファクタリングする場合や、新規に実装する場合にこの swiftui-patterns skill を使ってください。

dart-flutter-patterns は、フロントエンド開発向けの実践的な Dart と Flutter のスキルです。null safety、immutable state、async composition、widget の構成、state management、GoRouter によるナビゲーション、Dio を使ったネットワーク、testing、clean architecture まで幅広くカバーします。新機能の追加やリファクタリングで、実運用に耐えるパターンを選ぶために dart-flutter-patterns ガイドを活用してください。

compose-multiplatform-patterns は、KMP アプリ向けの Compose Multiplatform と Jetpack Compose を実践的に学べるガイドです。状態管理、ナビゲーション、テーマ設計、パフォーマンス、再利用可能な UI パターンをカバーし、Android、iOS、Desktop、Web にまたがる保守しやすい共通画面の構築を支援します。

react-native-designは、React Native UIパターンに特化したスキルです。StyleSheetによるスタイリング、型付きのReact Navigation、Reanimated 3の活用をカバーし、クロスプラットフォーム対応の画面実装に役立ちます。

site-architectureは、Webサイトのページ階層、ナビゲーション、URL設計、内部リンク構造の計画や再設計を支援するスキルです。サイトマップ、ナビゲーション仕様、URLマップ、MermaidやASCIIによるサイト構成図を作成でき、マーケティング施策やUI/UX設計の検討に役立ちます。

vue-router-best-practicesは、フロントエンドアプリで起こりやすいVue Router 4のナビゲーションガード不具合、ルートパラメータ更新時の問題、古いコンポーネント状態、リダイレクトループ、非推奨のnext()パターンを見直すための実践的なガイドです。

building-native-uiは、ネイティブらしいReact Nativeアプリを作るためのExpo Router UIスキルです。導入前に、セットアップの前提、ルート構成、tabs、headers、animations、media、対応プラットフォームの制約を確認できます。

ios-design-guidelines は、iPhone向けのSwiftUI/UIKitインターフェースを Apple Human Interface Guidelines に照らしてレビューし、形を整え、書き直すためのスキルです。レイアウト、ナビゲーション、アクセシビリティ、Dynamic Type、Dark Mode、システムコンポーネントの選定など、UIデザインで実践的な ios-design-guidelines の指針が必要な場面で役立ちます。

android-design-guidelinesは、Material Design 3、Jetpack Compose、XMLレイアウトを実務目線で確認できるガイドです。テーマ設定、ナビゲーション、アクセシビリティ、アダプティブレイアウト、ダイナミックカラー、Material You準拠の判断に役立ちます。Android UI設計の見直しや、android-design-guidelinesを使ったUIデザイン作業に最適です。

hig-components-search は、検索フィールド、ページコントロール、パスコントロールに関する UI デザイン判断を支える Apple HIG スキルです。macOS や iPadOS のインターフェースで、検索の挙動、スコープ、ページネーション、階層ナビゲーションについて明確な指針が必要なときに使います。特に、検索 UX、検索候補、構造化ナビゲーションの検討に役立ちます。

hig-components-menus は、メニューとボタン主導のコマンドUIに関する Apple HIG ガイダンスを提供する skill です。メニュー、コンテキストメニュー、ツールバー、メニューバー、および関連コントロールについて、コマンドの配置、グルーピング、挙動を Apple の指針に沿って判断したいときの UI デザイン判断に使えます。

hig-components-layout は、サイドバー、分割ビュー、タブバー、リスト、テーブル、アウトラインビュー、カラム、パネル、ウィンドウ、スクロールビュー、ボックス、オーナメントの選択に役立つ、Apple HIG のナビゲーション／レイアウト用スキルです。UI 設計やアプリ構造の判断で、一般的なレスポンシブレイアウトの助言ではなく、プラットフォームに即した明確な指針が必要なときに使います。