tanstack-db

Name: tanstack-db
Author: lukasa1993

github.com/lukasa1993Data & databases165 installsUpdated today

About tanstack-db

TanStack DB is a guidance skill for working with reactive collections, live queries, mutations, persistence, and sync engines. It routes tasks to framework-specific references and emphasizes checking installed package versions.

Key features

01Collection and schema guidance
02Reactive live-query patterns
03Optimistic mutations and transactions
04Sync, persistence, and offline guidance
05React, Vue, Solid, Svelte, and Angular routing

Use cases

01Choosing the right framework adapter
02Building reactive data queries
03Implementing optimistic updates
04Checking version-matched sync and persistence APIs

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/lukasa1993/tanstack-skills-extracted --skill tanstack-db

After installing, type/tanstack-dbin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

.tanstack-product-skill.json

LICENSE

agents/

openai.yaml

licenses/

dd5fd3a2e8ca256521b80e46d7fb0aa953c842ef1420fb31f4b1f08ae31d82e7.txt

references/assets/tanstack-db-core-collection-setup/references/

electric-adapter.md

local-adapters.md

powersync-adapter.md

query-adapter.md

rxdb-adapter.md

schema-patterns.md

trailbase-adapter.md

references/assets/tanstack-db-core-live-queries/references/

operators.md

references/assets/tanstack-db-core-mutations-optimistic/references/

transaction-api.md

references/assets/tanstack-db-playbook-tanstack-db-collections/references/

custom-collections.md

electric-collection.md

local-collections.md

query-collection.md

sync-modes.md

references/assets/tanstack-db-playbook-tanstack-db-electric/references/

debugging.md

proxy-setup.md

shapes.md

txid-matching.md

references/assets/tanstack-db-playbook-tanstack-db-live-queries/references/

aggregations.md

functional-variants.md

joins.md

performance.md

query-builder.md

subqueries.md

references/assets/tanstack-db-playbook-tanstack-db-mutations/references/

error-handling.md

handlers.md

Details

From the project README

TanStack DB

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

Confirm package versions before using adapter or sync APIs.

Workflow

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

Foundations — DB architecture and meta-framework routing.
Collections and schemas — Collection setup, collection types, and schemas.
Live queries — Reactive live-query construction and operators.
Mutations — Optimistic mutation and transaction patterns.
Sync and persistence — Persistence, custom adapters, offline transactions, and Electric.
React adapter — React DB adapter guidance.
Vue adapter — Vue DB adapter guidance.
Solid adapter — Solid DB adapter guidance.
Svelte adapter — Svelte DB adapter guidance.
Angular adapter — Angular DB adapter guidance.

Framework routing

React — detect @tanstack/react-db. Read React adapter.
Vue — detect @tanstack/vue-db. Read Vue adapter.
Solid — detect @tanstack/solid-db. Read Solid adapter.
Svelte — detect @tanstack/svelte-db. Read Svelte adapter.
Angular — detect @tanstack/angular-db. Read Angular adapter.

Product boundaries

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

See source provenance for exact upstream inputs and deduplication records.

Comments

Markdown supported

Details

Author: lukasa1993
Repository: lukasa1993/tanstack-skills-extracted
Category: Data & databases
Installs: 65
GitHub stars: 1

Report

More skills

All skills

hyperframes-core

github.com/heygen-com

930.7k

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.

lark-base

open.feishu.cn

834.8k

Operate on Feishu Base: create tables, fields, records, and views; handle statistics, formulas/lookups, forms, dashboards, app mode (BaseApp/AppMode pages and components), Workspace directories, workflows, role permissions, and the template center (Base template categories, lists, and search). Use when encountering Base/multidimensional tables/bitable, BaseApp/AppMode, or /base/ or /app/ links. Do not use lark-apps for BaseApp; route file import/export to lark-drive and authentication/authorization to lark-shared.

lark-sheets

open.feishu.cn

833.3k

Feishu Spreadsheets: create and operate spreadsheets. Supports worksheets and row/column structures (add/delete/merge/size/hide/freeze/group), cell read/write (values/formulas/styles/comments/cell images), range copy/move/sort/fill, find and replace, bulk updates, and creating and maintaining objects such as charts, pivot tables, conditional formatting, filters and filter views, dropdown lists, sparklines, and floating images. Also supports formula validation, restoring historical versions, and importing/exporting local Excel/CSV files and Feishu spreadsheets. Use when users need to create or edit spreadsheets, summarize and visualize data, format spreadsheets, calculate formulas (including migrating Excel formulas), or build financial models (DCF, three statements, budgets, Sensitivity, etc.). For multidimensional tables (Base/bitable), use lark-base. If users want to search for spreadsheet files in cloud storage (Drive/cloud storage) by name or keyword, use lark-drive's drive +search to locate resources first. When users provide a doubao.com /sheets/ URL/token, use this skill directly; do not fall back to WebFetch because the domain is not Feishu. Routing is based on the URL path pattern and token, not the domain.

remotion-best-practices

github.com/remotion-dev

714.8k

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over useCurrentFrame(), sequencing scenes and transitions, captions/subtitles, audio, GIFs/Lottie/3D, charts, visual effects, dynamic duration via calculateMetadata, or rendering. Consult before reaching for a Remotion API, since its components and props evolve (e.g. @remotion/media).