#253

Global Rank · of 600 Skills

tanstack-db AI Agent Skill

View Source: tanstack-skills/tanstack-skills

Critical

Installation

npx skills add tanstack-skills/tanstack-skills --skill tanstack-db

109

Installs

TanStack Skills

Claude Code skills for the complete TanStack ecosystem. Comprehensive API documentation, code examples, TypeScript patterns, best practices, and common pitfalls for AI-assisted development.

Quick Install (Plugin Marketplace)

# Add the marketplace
/plugin marketplace add tanstack-skills/tanstack-skills

# Install all TanStack skills
/plugin install tanstack-all@tanstack-skills

# Or install individual plugins
/plugin install tanstack-query@tanstack-skills
/plugin install tanstack-router@tanstack-skills
/plugin install tanstack-start@tanstack-skills

Available Plugins

Bundle Plugins

Plugin	Description
`tanstack-all`	All 13 TanStack skills - complete ecosystem coverage
`tanstack-core`	Start + Router + Query - the essential full-stack trio
`tanstack-ui`	Table + Form + Virtual - headless UI components
`tanstack-data`	Query + Store + DB - state management and data layer

Individual Plugins

Plugin	Status	Description
`tanstack-start`	RC	Full-stack React framework with SSR, streaming, server functions
`tanstack-router`	Stable	Type-safe file-based routing with search params and data loading
`tanstack-query`	Stable	Async state management with caching, mutations, and SSR
`tanstack-table`	Stable	Headless tables with sorting, filtering, pagination, virtualization
`tanstack-form`	Stable	Headless forms with sync/async/schema validation
`tanstack-db`	Beta	Client-first reactive database with live queries
`tanstack-ai`	Alpha	Provider-agnostic AI SDK with streaming and tool calling
`tanstack-virtual`	Stable	Virtualization for lists and grids with dynamic sizing
`tanstack-pacer`	Beta	Debouncing, throttling, rate limiting, queuing
`tanstack-store`	Alpha	Framework-agnostic reactive data store
`tanstack-devtools`	Alpha	Centralized devtools panel with plugin architecture
`tanstack-config`	Stable	Build, lint, and publish configuration toolkit
`tanstack-cli`	Stable	Project scaffolding with 30+ integrations and MCP server

Installation Methods

Method 1: Plugin Marketplace (Recommended)

# Step 1: Add this repository as a marketplace
/plugin marketplace add tanstack-skills/tanstack-skills

# Step 2: Install plugins you need
/plugin install tanstack-all@tanstack-skills      # Everything
/plugin install tanstack-core@tanstack-skills     # Start + Router + Query
/plugin install tanstack-query@tanstack-skills    # Just Query

Method 2: Direct Git URL

/plugin marketplace add https://github.com/tanstack-skills/tanstack-skills.git
/plugin install tanstack-all@tanstack-skills

Method 3: Local Clone

git clone https://github.com/tanstack-skills/tanstack-skills.git
/plugin marketplace add ./tanstack-skills
/plugin install tanstack-all@tanstack-skills

Managing Plugins

# List installed plugins
/plugin list

# Update marketplace
/plugin marketplace update

# Disable a plugin
claude plugin disable tanstack-query@tanstack-skills

# Uninstall a plugin
claude plugin uninstall tanstack-query@tanstack-skills

What's Included

Each skill provides:

Overview - Package names, installation, and core concepts
API Reference - Hooks, functions, classes, and their signatures
Code Examples - Real-world usage patterns with TypeScript
TypeScript Patterns - Type inference, generics, and type safety tips
Best Practices - Recommended patterns and architectural guidance
Common Pitfalls - Mistakes to avoid and how to fix them
Integration Patterns - How libraries work together

TanStack Ecosystem

┌─────────────────────────────────────────────────────────────┐
│                      TanStack Start                         │
│              (Full-stack React Framework)                   │
├─────────────────────────────────────────────────────────────┤
│  Router  │  Query  │  Form  │  Table  │  Virtual  │  AI    │
├──────────┴─────────┴────────┴─────────┴───────────┴────────┤
│     DB     │    Store    │    Pacer    │    Devtools       │
├─────────────────────────────────────────────────────────────┤
│                Config  │  CLI (scaffolding + MCP)           │
└─────────────────────────────────────────────────────────────┘

Repository Structure

tanstack-skills/
├── .claude-plugin/
│   └── marketplace.json      # Marketplace manifest
├── plugins/
│   ├── tanstack-all/         # Bundle: all skills
│   ├── tanstack-core/        # Bundle: start + router + query
│   ├── tanstack-ui/          # Bundle: table + form + virtual
│   ├── tanstack-data/        # Bundle: query + store + db
│   ├── tanstack-start/       # Individual plugin
│   ├── tanstack-router/
│   ├── tanstack-query/
│   ├── tanstack-table/
│   ├── tanstack-form/
│   ├── tanstack-virtual/
│   ├── tanstack-store/
│   ├── tanstack-db/
│   ├── tanstack-ai/
│   ├── tanstack-pacer/
│   ├── tanstack-devtools/
│   ├── tanstack-config/
│   └── tanstack-cli/
└── README.md

License

MIT

Installs

Installs 109

Global Rank #253 of 600

Security Audit

ath Critical

socket Safe

Alerts: 0 Score: 90

snyk Low

View Source

tanstack-skills/tanstack-skills

How to use this skill

Install tanstack-db by running npx skills add tanstack-skills/tanstack-skills --skill tanstack-db in your project directory. Run the install command above in your project directory. The skill file will be downloaded from GitHub and placed in your project.

No configuration needed. Your AI agent (Claude Code, Cursor, Windsurf, etc.) automatically detects installed skills and uses them as context when generating code.

The skill enhances your agent's understanding of tanstack-db, helping it follow established patterns, avoid common mistakes, and produce production-ready output.

What you get

Skills are plain-text instruction files — not executable code. They encode expert knowledge about frameworks, languages, or tools that your AI agent reads to improve its output. This means zero runtime overhead, no dependency conflicts, and full transparency: you can read and review every instruction before installing.

Compatibility

This skill works with any AI coding agent that supports the skills.sh format, including Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider, and other tools that read project-level context files. Skills are framework-agnostic at the transport level — the content inside determines which language or framework it applies to.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

Made in Europe

Chat with 100+ AI Models in one App.

Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.

Start for free View pricing