# Tanstack Devtools

> Devtools guidance for setup, framework adapters, plugins, event instrumentation, marketplace use, and production builds. Use when a project uses TanStack Devtools or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.

- Skill: `lukasa1993/tanstack-devtools` (Agent Skill, multi-file: 61 files)
- Install (CLI): `npx skillmds@latest add lukasa1993/tanstack-devtools`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lukasa1993/tanstack-devtools/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- License: MIT
- Author: lukasa1993 (https://skillmd.com/u/lukasa1993)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lukasa1993/tanstack-devtools

---

<!-- Generated by scripts/build-groups.mjs. Do not edit directly. -->

# TanStack Devtools

Devtools guidance for setup, framework adapters, plugins, event instrumentation, marketplace use, and production builds.

> TanStack Devtools is alpha. Confirm core and plugin versions.

## Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the adapter reference for the detected framework when the task uses an adapter.
3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
4. Prefer installed package types and version-matched source guidance over memory.
5. Preserve headless/core behavior when translating examples to a framework adapter.

## Task routing

- [Setup and production](references/setup-production.md) — App setup, Vite integration, and production behavior.
- [Plugins and marketplace](references/plugins-marketplace.md) — Plugin panels, framework adapters, and marketplace use.
- [Events and instrumentation](references/events-instrumentation.md) — Event client, instrumentation, and bidirectional events.

## Framework routing

- **Vanilla** — detect `@tanstack/devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.
- **React** — detect `@tanstack/react-devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.
- **Preact** — detect `@tanstack/preact-devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.
- **Solid** — detect `@tanstack/solid-devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.
- **Vue** — detect `@tanstack/vue-devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.
- **Svelte** — detect `@tanstack/svelte-devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.
- **Angular** — detect `@tanstack/angular-devtools`. Read [Plugins and marketplace](references/plugins-marketplace.md). Shared guidance; check adapter-specific differences.

See [source provenance](references/SOURCES.md) for exact upstream inputs and deduplication records.