·tanstack-devtools
</>

tanstack-devtools

TanStack DevTools para depurar el estado de consultas, enrutadores y formularios en aplicaciones React. Úselo al configurar herramientas de desarrollo, depurar el estado de la caché o inspeccionar árboles de rutas. Úselo para devtools, reaccionar-query-devtools, router-devtools, form-devtools, depurar, inspeccionar, visor de caché.

23Instalaciones·2Tendencia·@oakoss

Instalación

$npx skills add https://github.com/oakoss/agent-skills --skill tanstack-devtools

Cómo instalar tanstack-devtools

Instala rápidamente el skill de IA tanstack-devtools en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill tanstack-devtools
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: oakoss/agent-skills.

SKILL.md

Ver original

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.

TanStack DevTools para depurar el estado de consultas, enrutadores y formularios en aplicaciones React. Úselo al configurar herramientas de desarrollo, depurar el estado de la caché o inspeccionar árboles de rutas. Úselo para devtools, reaccionar-query-devtools, router-devtools, form-devtools, depurar, inspeccionar, visor de caché. Fuente: oakoss/agent-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/oakoss/agent-skills --skill tanstack-devtools
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from oakoss/agent-skills

Respuestas rápidas

¿Qué es tanstack-devtools?

TanStack DevTools para depurar el estado de consultas, enrutadores y formularios en aplicaciones React. Úselo al configurar herramientas de desarrollo, depurar el estado de la caché o inspeccionar árboles de rutas. Úselo para devtools, reaccionar-query-devtools, router-devtools, form-devtools, depurar, inspeccionar, visor de caché. Fuente: oakoss/agent-skills.

¿Cómo instalo tanstack-devtools?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill tanstack-devtools Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/oakoss/agent-skills