{"enrichment":{"faq":[{"a":"Tanstack Devtools provides debugging panels for inspecting Query cache, Router route trees, and Form field state across React applications. You can choose between standalone devtools for individual libraries or a unified panel combining all three with plugin architecture, making it easier to monitor and troubleshoot your TanStack-powered apps.","q":"What is Tanstack Devtools and what can it debug?"},{"a":"Tanstack Devtools lets you debug and inspect TanStack queries and state in development by visualizing your Query cache in real time. Install the devtools package, add it to your app configuration, and access the debugging panel to see active queries, their status, data, and cache behavior as your application runs.","q":"How to use tanstack devtools for inspecting queries?"},{"a":"Tanstack Devtools installation involves adding the devtools package to your project dependencies, then initializing it in your application setup. Configuration varies by library\u2014Query, Router, or Form\u2014but typically requires mounting the devtools component or plugin in your app, then accessing the panel through your browser during development.","q":"How do I install and configure Tanstack Devtools locally?"},{"a":"Yes, Tanstack Devtools monitors real-time data flow and cache behavior in TanStack apps by displaying live updates to your Query cache, route state, and form fields. Watch requests execute, see cache hits and misses, inspect payload data, and track state changes as they happen during development.","q":"Can Tanstack Devtools monitor real-time data flow and cache?"},{"a":"Tanstack Devtools helps troubleshoot TanStack query performance and state issues by exposing cache behavior, query timing, and state mutations in a visual inspector. Identify slow queries, unnecessary refetches, stale data, and state inconsistencies to optimize your application's data flow and responsiveness.","q":"How does Tanstack Devtools help troubleshoot performance issues?"},{"a":"Tanstack Devtools offers both browser extension and in-app panel options for debugging. While the primary integration is through the devtools package mounted in your application, browser extensions provide additional convenience for inspecting TanStack state across multiple tabs and sessions during development.","q":"Does Tanstack Devtools work with browser extensions?"}],"shadow_tags":["browser-extension","debugging-toolkit","query-inspection","state-monitoring","developer-utilities","performance-analysis","data-flow-visualization","client-side-debugging"],"summary_rewrite":"TanStack DevTools provides debugging panels for inspecting Query cache, Router route trees, and Form field state across React applications. Choose between standalone devtools for individual libraries or a unified panel combining all three with plugin architecture."},"gist":{"api_url":"https://skillfed.io/api/skills/oakoss/agent-skills/tanstack-devtools.json","as_of":"2026-03-02","description":"TanStack DevTools lets you debug Query cache, Router routes, and Form state in React development. npx skillfed install oakoss/agent-skills/tanstack-devtools","install":{"manual":["git clone https://github.com/oakoss/agent-skills","cp -r agent-skills ~/.claude/skills/tanstack-devtools"],"primary":"npx skillfed install oakoss/agent-skills/tanstack-devtools","version":"68a708ac"},"kind":"skill","mirror_url":"https://skillfed.io/oakoss/agent-skills/tanstack-devtools.md","similar":[{"id":"oakoss/agent-skills/tanstack-router","name":"Tanstack Router","publisher":"oakoss/agent-skills","url":"https://skillfed.io/oakoss/agent-skills/tanstack-router"},{"id":"oakoss/agent-skills/tanstack-start","name":"Tanstack Start","publisher":"oakoss/agent-skills","url":"https://skillfed.io/oakoss/agent-skills/tanstack-start"},{"id":"oakoss/agent-skills/react-error-handling","name":"React Error Handling","publisher":"oakoss/agent-skills","url":"https://skillfed.io/oakoss/agent-skills/react-error-handling"},{"id":"secondsky/claude-skills/tanstack-router","name":"tanstack-router","publisher":"secondsky/claude-skills","url":"https://skillfed.io/secondsky/claude-skills/tanstack-router"},{"id":"tanstack-skills/tanstack-skills/tanstack-devtools","name":"tanstack-devtools","publisher":"tanstack-skills/tanstack-skills","url":"https://skillfed.io/tanstack-skills/tanstack-skills/tanstack-devtools"}],"title":"Tanstack Devtools by oakoss: Debug and inspect tanstack queries and state in development \u2014 SkillFed","use":{"when":["Tanstack Devtools lets you debug and inspect TanStack queries and state in development by visualizing your Query cache in real time.","Tanstack Devtools installation involves adding the devtools package to your project dependencies."]},"what":{"lead":"TanStack DevTools lets you debug Query cache, Router routes, and Form state in React development.","rest":"TanStack DevTools provides debugging panels for inspecting Query cache, Router route trees, and Form field state across React applications. Choose between standalone devtools for individual libraries or a unified panel combining all three with plugin architecture."}},"id":"oakoss/agent-skills/tanstack-devtools","install":{"mode":"external","repo":"https://github.com/oakoss/agent-skills"},"links":{"html":"https://skillfed.io/oakoss/agent-skills/tanstack-devtools","md":"https://skillfed.io/oakoss/agent-skills/tanstack-devtools.md","repo":"https://github.com/oakoss/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":5,"language":"Python","last_updated":"2026-03-02","license":null,"name":"Tanstack Devtools","publisher":"oakoss","stars":13},"relations":{"similar":[{"id":"oakoss/agent-skills/tanstack-router"},{"id":"oakoss/agent-skills/tanstack-start"},{"id":"oakoss/agent-skills/react-error-handling"},{"id":"secondsky/claude-skills/tanstack-router"},{"id":"tanstack-skills/tanstack-skills/tanstack-devtools"},{"id":"oakoss/agent-skills/tanstack-form"},{"id":"oakoss/agent-skills/tanstack-query"},{"id":"oakoss/agent-skills/zustand"},{"id":"AsyrafHussin/agent-skills/state-management"},{"id":"oakoss/agent-skills/tanstack-table"}]},"slug":{"owner":"oakoss","repo":"agent-skills","skill":"tanstack-devtools"},"version":"68a708ac"}