Skip to content

tanstack-skills/tanstack-skills

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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