# Tanstack DB

> Reactive collection guidance for live queries, optimistic mutations, persistence, sync engines, and framework adapters. Use when a project uses TanStack DB or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.

- Skill: `lukasa1993/tanstack-db` (Agent Skill, multi-file: 123 files)
- Install (CLI): `npx skillmds@latest add lukasa1993/tanstack-db`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lukasa1993/tanstack-db/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-db

---

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

# TanStack DB

Reactive collection guidance for live queries, optimistic mutations, persistence, sync engines, and framework adapters.

> TanStack DB is beta. Confirm package versions before using adapter or sync APIs.

## Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the foundation reference and the adapter reference for the detected framework.
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

- [Foundations](references/foundations.md) — DB architecture and meta-framework routing.
- [Collections and schemas](references/collections-schema.md) — Collection setup, collection types, and schemas.
- [Live queries](references/live-queries.md) — Reactive live-query construction and operators.
- [Mutations](references/mutations.md) — Optimistic mutation and transaction patterns.
- [Sync and persistence](references/sync-persistence.md) — Persistence, custom adapters, offline transactions, and Electric.
- [React adapter](references/framework-react.md) — React DB adapter guidance.
- [Vue adapter](references/framework-vue.md) — Vue DB adapter guidance.
- [Solid adapter](references/framework-solid.md) — Solid DB adapter guidance.
- [Svelte adapter](references/framework-svelte.md) — Svelte DB adapter guidance.
- [Angular adapter](references/framework-angular.md) — Angular DB adapter guidance.

## Framework routing

- **React** — detect `@tanstack/react-db`. Read [React adapter](references/framework-react.md).
- **Vue** — detect `@tanstack/vue-db`. Read [Vue adapter](references/framework-vue.md).
- **Solid** — detect `@tanstack/solid-db`. Read [Solid adapter](references/framework-solid.md).
- **Svelte** — detect `@tanstack/svelte-db`. Read [Svelte adapter](references/framework-svelte.md).
- **Angular** — detect `@tanstack/angular-db`. Read [Angular adapter](references/framework-angular.md).

## Product boundaries

Use these separate product skills when the task crosses their boundary: `tanstack-query`, `tanstack-start`.

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