tanstack-devtools
OfficialDebug TanStack state visually
Authoroakoss
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides visual debugging tools for TanStack libraries (Query, Router, Form), allowing developers to inspect state, routes, and form fields in real-time, significantly speeding up the debugging process.
Core Features & Use Cases
- Unified Debugging Panel: Combines Query cache, Router route trees, and Form state into a single interface.
- Library-Specific Tools: Offers dedicated debugging panels for Query, Router, and Form.
- Use Case: When a React application using TanStack Query is behaving unexpectedly, use this Skill to open the devtools panel, inspect the query cache, and identify stale or erroneous data.
Quick Start
Use the tanstack-devtools skill to open the unified debugging panel for your React application.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tanstack-devtools Download link: https://github.com/oakoss/agent-skills/archive/main.zip#tanstack-devtools Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.