How do I install the DB Core skill?

Run npx skillmds@latest add tanstack/db-core 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 DB Core 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 DB Core?

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 DB Core free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published DB Core?

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

DB Core by tanstack — Agent Skill

Name: DB Core
Author: TanStack

DB Core

TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailBaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.

TanStack 496c740 2.9 KB Updated Sep 17, 2026

File contents

TanStack DB — Core Concepts

TanStack DB is a reactive client-side data store. It loads data into typed collections from any backend (REST APIs, sync engines, local storage), provides sub-millisecond live queries via differential dataflow, and supports instant optimistic mutations with automatic rollback.

Framework packages (@tanstack/react-db, @tanstack/vue-db, @tanstack/svelte-db, @tanstack/solid-db) re-export everything from @tanstack/db plus framework-specific hooks. In framework projects, import from the framework package directly. @tanstack/angular-db is the exception -- import operators from @tanstack/db separately.

Sub-Skills

Need to...	Read
Create a collection, pick an adapter, add schema	db-core/collection-setup/SKILL.md
Query data with where, join, groupBy, select	db-core/live-queries/SKILL.md
Insert, update, delete with optimistic UI	db-core/mutations-optimistic/SKILL.md
Build a custom sync adapter	db-core/custom-adapter/SKILL.md
Persist collections to SQLite (offline cache)	db-core/persistence/SKILL.md
Preload collections in route loaders	meta-framework/SKILL.md
Add offline transaction queueing	offline/SKILL.md (in @tanstack/offline-transactions)

For framework-specific hooks:

Framework	Read
React	react-db/SKILL.md
Vue	vue-db/SKILL.md
Svelte	svelte-db/SKILL.md
Solid	solid-db/SKILL.md
Angular	angular-db/SKILL.md

Quick Decision Tree

Setting up for the first time? → db-core/collection-setup
Building queries on collection data? → db-core/live-queries
Writing data / handling optimistic state? → db-core/mutations-optimistic
Using React hooks? → react-db
Preloading in route loaders (Start, Next, Remix)? → meta-framework
Building an adapter for a new backend? → db-core/custom-adapter
Persisting collections to SQLite? → db-core/persistence
Need offline transaction persistence? → offline

Version

Targets @tanstack/db v0.6.17.

---name: db-coredescription: TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailBaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.---# TanStack DB — Core ConceptsTanStack DB is a reactive client-side data store. It loads data into typedcollections from any backend (REST APIs, sync engines, local storage), providessub-millisecond live queries via differential dataflow, and supports instantoptimistic mutations with automatic rollback.Framework packages (`@tanstack/react-db`, `@tanstack/vue-db`, `@tanstack/svelte-db`,`@tanstack/solid-db`) re-export everything from `@tanstack/db` plus framework-specifichooks. In framework projects, import from the framework package directly.`@tanstack/angular-db` is the exception -- import operators from `@tanstack/db` separately.## Sub-Skills| Need to... | Read || ------------------------------------------------ | ---------------------------------------------------- || Create a collection, pick an adapter, add schema | db-core/collection-setup/SKILL.md || Query data with where, join, groupBy, select | db-core/live-queries/SKILL.md || Insert, update, delete with optimistic UI | db-core/mutations-optimistic/SKILL.md || Build a custom sync adapter | db-core/custom-adapter/SKILL.md || Persist collections to SQLite (offline cache) | db-core/persistence/SKILL.md || Preload collections in route loaders | meta-framework/SKILL.md || Add offline transaction queueing | offline/SKILL.md (in @tanstack/offline-transactions) |For framework-specific hooks:| Framework | Read || --------- | ------------------- || React | react-db/SKILL.md || Vue | vue-db/SKILL.md || Svelte | svelte-db/SKILL.md || Solid | solid-db/SKILL.md || Angular | angular-db/SKILL.md |## Quick Decision Tree- Setting up for the first time? → db-core/collection-setup- Building queries on collection data? → db-core/live-queries- Writing data / handling optimistic state? → db-core/mutations-optimistic- Using React hooks? → react-db- Preloading in route loaders (Start, Next, Remix)? → meta-framework- Building an adapter for a new backend? → db-core/custom-adapter- Persisting collections to SQLite? → db-core/persistence- Need offline transaction persistence? → offline## VersionTargets @tanstack/db v0.6.17.

Frequently asked questions