TanStackOfficial·13 Agent Skills Included

db

Build fast reactive apps with live queries and optimistic writes

Teaches AI agents to build reactive client-side data layers with TanStack DB across React, Vue, Svelte, Solid, and Angular. Covers typed collections, SQL-like live queries, optimistic mutations, offline transactions, and SQLite persistence without endpoint sprawl or network waterfalls. Helps agents avoid common mistakes like broken reactivity, wrong adapters, and failed sync setups.

3,854|254

↗

npx skills add TanStack/db --all -g -y

Available:

Gives AI agents coding standards and architectural rules for writing type-safe, tested, and efficient TanStack DB code, including required reading before modifying live-query internals.

All Skills in This Repository (13)

Pure Emerald Level Indicators

📦 In Repo

TanStack

vue-db

Bind TanStack DB to Vue 3 applications with reactive queries.

svelte-db

Bind TanStack DB to Svelte 5 with reactive useLiveQuery hooks.

db-core

Build in-memory typed collections with live queries and optimistic mutations.

meta-framework

Integrate TanStack DB with Next.js, Remix, Nuxt, SvelteKit, and TanStack Start using client-side data patterns.

db-core/custom-adapter

Implement custom collection adapters to sync backends with TanStack DB.

db-core/collection-setup

Centralize typed TanStack DB collection setup across multiple adapters.

db-core/persistence

Add SQLite-backed durable persistence to TanStack DB collections across platforms.

db-core/live-queries

Creates live query collections with incremental updates for TanStack DB.

db-core/mutations-optimistic

Coordinate optimistic mutations and transactional batching for TanStack DB.

angular-db

Bind TanStack DB data to Angular UIs using reactive signals and injection context.

offline

Persist TanStack DB mutations offline with an outbox and automatic retries.

solid-db

Provide SolidJS bindings for TanStack DB live queries.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install TanStack DB skills?▼

Run `npx skills add TanStack/db --all -g -y` in your terminal to install all skills in this suite globally.

What is TanStack DB used for?▼

It is a reactive client-side data store that loads API data into normalized collections with sub-millisecond live queries and instant optimistic writes. These skills teach your AI agent to set it up correctly.

Which frameworks do these skills support?▼

The suite includes dedicated skills for React, Vue, Svelte, Solid, and Angular, plus core skills for queries, mutations, persistence, and offline support.

Can TanStack DB work offline?▼

Yes. The offline and persistence skills cover SQLite-backed local storage and an offline transaction outbox with retry, leader election, and idempotency keys.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible AI coding agents.