State Management

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

kotlin-coroutines-flows は、Android と KMP で Kotlin のコルーチンと Flow パターンを、構造化並行性、StateFlow、キャンセル、リトライ、テストまで含めて実践するのに役立ちます。この kotlin-coroutines-flows ガイドを使えば、より安全な非同期コード、ライフサイクルを意識したストリーム設計、そしてフロントエンド開発のパターン改善に役立ちます。

flutter-dart-code-review は、Flutter と Dart のコードレビュー向けチェックリストです。アーキテクチャ、Widget 品質、状態管理、パフォーマンス、アクセシビリティ、セキュリティ、クリーンコードまで、ライブラリ非依存で幅広くカバーします。BLoC、Riverpod、Provider、GetX、MobX、Signals、独自パターンのいずれでも、Code Review 用の構造化された flutter-dart-code-review ガイドとして使えます。

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 にまたがる保守しやすい共通画面の構築を支援します。

click-path-audit スキルは、UIハンドラーを状態変化ごとに追跡し、リファクタ後やコードレビュー時に起きやすい順序バグ、共有状態の競合、最終状態の不整合を見つけるのに役立ちます。

react-state-managementは、Redux Toolkit、Zustand、Jotai、React Query、SWR、RTK QueryなどのReact向け状態管理ツールを、扱う状態の種類、アプリの規模、移行要件に応じて選定・活用するための実践的なスキルです。

zustand-store-ts は、TypeScript に特化した Zustand スキルで、subscribeWithSelector、state/actions の分離、selector ベースの使い方を使って型付きストアを構築できます。Frontend Development で、予測しやすい共有状態、より明確なストア境界、React アプリ向けの再利用しやすい zustand-store-ts ガイドが必要なときに適しています。

vue-pinia-best-practices は、Vue 3 チームが Pinia を安全に使うための指針をまとめたスキルです。導入タイミング、`storeToRefs` の使い方、setup store で返す値、URL と store state のどちらで状態を持つべきかといった判断を、実務に沿って整理できます。

既存の Flutter/Dart アプリを Riverpod、Freezed、go_router、mocktail とともに扱うための Flutter スキルガイドです。適切なファイルを見つけ、リポジトリの規約に沿って、フロントエンドの変更をより迷わず進めるために使えます。

react-useeffect は、useEffect が本当に必要かを判断し、アンチパターンを見つけ、render ロジック、event handler、useMemo、key によるリセット、整理された fetch Effect など、より適切な代替手段を選ぶための実践的な React ガイドです。