React アプリのクエリ、ルーター、フォームの状態をデバッグするための TanStack DevTools。 devtools のセットアップ、キャッシュ状態のデバッグ、またはルート ツリーの検査時に使用します。 devtools、react-query-devtools、router-devtools、form-devtools、debug、inspect、cache-viewer に使用します。
コマンドラインで tanstack-devtools AI スキルを開発環境にすばやくインストール
ソース: oakoss/agent-skills。
TanStack DevTools provides debugging panels for inspecting Query cache state, Router route trees, and Form field state in React applications. There are two approaches: standalone devtools per library (ReactQueryDevtools, TanStackRouterDevtools) and the unified TanStack Devtools panel that combines all libraries into a single interface with plugin architecture.
When to use: Setting up devtools for TanStack libraries, debugging query cache behavior, inspecting route matching, monitoring form field state, or combining multiple TanStack devtools into one panel.
When NOT to use: Production debugging (devtools are tree-shaken in production by default), non-React frameworks without adapter support, or custom state management unrelated to TанStack libraries.
React アプリのクエリ、ルーター、フォームの状態をデバッグするための TanStack DevTools。 devtools のセットアップ、キャッシュ状態のデバッグ、またはルート ツリーの検査時に使用します。 devtools、react-query-devtools、router-devtools、form-devtools、debug、inspect、cache-viewer に使用します。 ソース: oakoss/agent-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/oakoss/agent-skills --skill tanstack-devtoolsReact アプリのクエリ、ルーター、フォームの状態をデバッグするための TanStack DevTools。 devtools のセットアップ、キャッシュ状態のデバッグ、またはルート ツリーの検査時に使用します。 devtools、react-query-devtools、router-devtools、form-devtools、debug、inspect、cache-viewer に使用します。 ソース: oakoss/agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/oakoss/agent-skills --skill tanstack-devtools インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/oakoss/agent-skills