How do I install the Tanstack Devtools skill?

Run npx skillmds@latest add lukasa1993/tanstack-devtools in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Tanstack Devtools safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Tanstack Devtools?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Tanstack Devtools free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Tanstack Devtools?

lukasa1993 (@lukasa1993) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Tanstack Devtools by lukasa1993 — Agent Skill

Name: Tanstack Devtools
Author: lukasa1993

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.

lukasa1993 a198d7e 61 files · 197.9 KB Updated Sep 17, 2026

File contents

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

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

Task routing

Setup and production — App setup, Vite integration, and production behavior.
Plugins and marketplace — Plugin panels, framework adapters, and marketplace use.
Events and instrumentation — Event client, instrumentation, and bidirectional events.

Framework routing

Vanilla — detect @tanstack/devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
React — detect @tanstack/react-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
Preact — detect @tanstack/preact-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
Solid — detect @tanstack/solid-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
Vue — detect @tanstack/vue-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
Svelte — detect @tanstack/svelte-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.
Angular — detect @tanstack/angular-devtools. Read Plugins and marketplace. Shared guidance; check adapter-specific differences.

See source provenance for exact upstream inputs and deduplication records.

---name: tanstack-devtoolsdescription: 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.license: MIT---# TanStack DevtoolsDevtools guidance for setup, framework adapters, plugins, event instrumentation, marketplace use, and production builds.> TanStack Devtools is alpha. Confirm core and plugin versions.## Workflow1. 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.

Frequently asked questions