Tanstack Devtools
Tanstack Devtools helps developers debug and inspect React applications in real-time, boosting efficiency and troubleshooting performance issues quickly.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add tanstack-devtools npx -- -y @trustedskills/tanstack-devtools
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"tanstack-devtools": {
"command": "npx",
"args": [
"-y",
"@trustedskills/tanstack-devtools"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The tanstack-devtools skill provides a debugging and inspection interface for TanStack Query (formerly react-query) applications. It allows users to inspect query states, mutations, cache data, and more directly within the AI agent's environment. This enhances observability and simplifies troubleshooting of data fetching and caching logic managed by TanStack Query.
When to use it
- Debugging Data Fetching Issues: When an AI agent is experiencing problems retrieving or updating data using TanStack Query.
- Understanding Cache Behavior: To examine how the cache is being populated and utilized by the agent's queries.
- Inspecting Mutation States: To monitor the progress and results of mutations (e.g., POST, PUT, DELETE requests) performed by the agent.
- Analyzing Query Performance: To identify slow or inefficient queries impacting the AI agent’s responsiveness.
Key capabilities
- Query state inspection
- Mutation tracking
- Cache data visualization
- Debugging interface for TanStack Query applications
Example prompts
- "Show me the current state of my 'userProfile' query."
- "What is in the cache related to the 'products' query?"
- "Inspect the status of the 'createOrder' mutation."
Tips & gotchas
This skill requires a TanStack Query-powered application environment for proper functionality. It’s primarily useful when debugging or understanding the behavior of an agent interacting with such applications, not standalone tasks.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.