Zustand

frontend-patterns は、React と Next.js のフロントエンド開発に役立つ実践的な skill です。コンポーネント、状態管理、フォーム、ルーティング、アクセシビリティ、パフォーマンスについて、保守しやすいパターンを選ぶ助けになります。一般論のベストプラクティスではなく、実装方針やパターン選定を明確に確認したいときに、frontend-patterns ガイドを活用してください。

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 ガイドが必要なときに適しています。

react-flow-node-ts は、TypeScript でカスタム React Flow ノードを作るための実践的な入門スキルです。型付きのノードデータ、handles、Zustand ベースの更新に対応しています。ワークフローエディタ、ビジュアルビルダー、キャンバス型 UI などで、再利用しやすい react-flow-node-ts の導入ガイドが必要な Frontend Development に適しています。

react-web は、hooks、React Query、Zustand を使ってコンポーネントやページを構築するための React フロントエンド作業ガイドです。コンポーネントが多いアプリでの React Web 開発において、テスト先行の開発、明確なファイル順序、実用的な進め方を重視しています。