Agent skills directory

Host-side Model Context Protocol (MCP) for TanStack AI: connect to external MCP servers, host your own tools with create...

Use when wiring memoryMiddleware from @tanstack/ai-memory into a chat() call — covers the recall/save adapter contract,...

Use when wiring hindsight() from @tanstack/ai-memory/hindsight — a hosted memory adapter that buckets memory per convers...

Use when wiring honcho() from @tanstack/ai-memory/honcho — a hosted memory adapter where recall is a dialectic answer ov...

Use when wiring inMemory() from @tanstack/ai-memory/in-memory — explains setup, options (embedder, extract, topK/minScor...

Use when wiring mem0() from @tanstack/ai-memory/mem0 — a hosted memory adapter that talks to a mem0 server over plain HT...

Use when wiring redis() from @tanstack/ai-memory/redis in production — covers client setup (ioredis or node-redis via fr...

Durability and state persistence for TanStack AI chats with @tanstack/ai-persistence. Routes to server chat persistence...

Server chat state with withPersistence from @tanstack/ai-persistence. Authoritative transcript, run lifecycle, durable i...

Implement the MessageStore, RunStore, InterruptStore, MetadataStore contracts for @tanstack/ai-persistence against any d...

Run harness adapters (Claude Code, Codex, OpenCode) INSIDE isolated sandboxes via defineSandbox + withSandbox + a provid...

Portable Agent Skills (SKILL.md) for TanStack AI with @tanstack/ai-skills. Renders a skill catalog and a load_skill tool...

Angular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signalless thanTgreater than) fo...

Register Angular Table v9 instances with injectTanStackTableDevtools inside injection context. Load for reactive table r...

Standardize how API requests are defined and consumed via AppOperation together with TanStack Query. Use in React Native...

Typed chart grammar guidance for marks, scales, layouts, interaction, accessibility, rendering, and framework adapters....

Choose an honest visualization from a user story, metric, comparison, projection, target, or explanatory goal before sel...

Modern chat app with TanStack Router and Claude AI for Netlify.

Project scaffolding and maintenance guidance for app creation, add-ons, ecosystem integration, custom development, and d...

Project scaffolding CLI with 30+ integrations, custom templates, and MCP server for AI agents.

Scaffold a TanStack app with tanstack create using --framework, --template, --toolchain, --deployment, --add-ons, --blan...

Library-maintenance guidance for package structure, dependencies, ESLint, Vite, publishing, and CI/CD. Use when a projec...

Opinionated toolkit for building, versioning, and publishing high-quality JavaScript/TypeScript packages.

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

Expert guidance for TanStack DB reactive client-side database with collections, live queries, optimistic mutations, and...

Reactive client-first store for your API with collections, live queries, and optimistic mutations.

TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionO...

Building custom collection adapters for new backends. SyncConfig interface: sync function receiving begin, write, commit...

Query builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, havin...

SQLite-backed persistence for TanStack DB collections. persistedCollectionOptions wraps any adapter (Electric, Query, Po...

Integrating TanStack DB with meta-frameworks (TanStack Start, Next.js, Remix, Nuxt, SvelteKit). Client-side only: SSR is...

TanStack DB patterns for reactive client-side data with live queries and optimistic mutations. Use for collections, quer...

TanStack DB patterns for reactive client-side data with live queries and optimistic mutations. Use for collections, quer...

Devtools guidance for setup, framework adapters, plugins, event instrumentation, marketplace use, and production builds....

Centralized, extensible devtools panel for TanStack libraries with a plugin architecture.

Install TanStack Devtools, pick framework adapter (React/Vue/Solid/Preact), register plugins via plugins prop, configure...

Create typed EventClient for a library. Define event maps with typed payloads, pluginId auto-prepend namespacing, emit()...

Publish plugin to npm and submit to TanStack Devtools Marketplace. PluginMetadata registry format, plugin-registry.ts, p...

Build devtools panel components that display emitted event data. Listen via EventClient.on(), handle theme (light/dark),...

Handle devtools in production vs development. removeDevtoolsOnBuild, devDependency vs regular dependency, conditional im...

Configure @tanstack/devtools-vite for source inspection (data-tsd-source, inspectHotkey, ignore patterns), console pipin...

Read, track, initialize, control, and reset TanStack Ember Table v9 state through Glimmer-reactive table APIs, baseAtoms...

This skill should be used when the user asks about "React Query error handling", "error boundaries with useQuery", "thro...

Build forms in React using TanStack Form and Zod validation. Use when creating forms, handling form validation, or worki...

Type-safe form guidance for fields, validation, composition, submission, SSR, devtools, and framework adapters. Use when...

Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit, and Svelte.

This skill should be used when the user asks about "React Query with forms", "form submission with useMutation", "form s...

Syntax-highlighting guidance for language support, selective loading, Markdown pipelines, themes, and annotations. Use w...

Generates TanStack Query hooks following project patterns with useQuery. Creates hooks in src/hooks/ with typed return v...

Type-safe keyboard shortcut guidance for registration, sequences, scopes, recording, key state, display, and adapters. U...

Find opportunities to improve web application code using TanStack libraries (Query, Table, Form, Router, etc.). Avoid ma...

Guidance for discovering, installing, generating, validating, and maintaining package-owned Agent Skills. Use when a pro...

Use TableController-selected table.state, table.atoms/store, stable table.subscribe selectors, controlled reactive prope...

Markdown parsing, extensions, rendering, production pipeline, and framework-adapter guidance. Use when a project uses Ta...

Build documentation metadata with docsMarkdownExtensions, GitHub-style callouts, heading collection, comment components,...

Render Markdown source or a MarkdownDocument with @tanstack/markdown/react using Markdown, renderMarkdownReact, componen...

Parse Markdown with parseMarkdown or parseInline, render HTML with renderHtml, renderDocument, renderBlock, or renderInl...

This skill should be used when the user asks about "useMutation", "mutations", "query invalidation", "optimistic updates...

Execution-control guidance for debounce, throttle, rate limit, queue, batch, async retry, and framework adapters. Use wh...

Framework-agnostic debouncing, throttling, rate limiting, queuing, and batching utilities.

Connect native Preact Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools. Load for Rea...

Read and own Preact Table v9 state with useTable selectors, selected table.state, table.Subscribe, table.atoms/store, co...

Manage server state in React with TanStack Query v5. Covers useMutationState, simplified optimistic updates, throwOnErro...

Client-side data fetching, caching, and mutations in LivestockAI

Manage server state with TanStack Query (React Query). Covers data fetching, caching, mutations, optimistic updates, inf...

This skill provides comprehensive knowledge for TanStack Query v5 (React Query) server state management in React applica...

Server-state guidance for queries, mutations, caching, optimistic updates, SSR, persistence, testing, and all official a...

TanStack Query (React Query) patterns for data fetching in this Next.js application. Covers useQuery, useMutation, optim...

TanStack Query (React Query) — data fetching, caching, mutations, optimistic updates, infinite queries.

Auto-activates when user mentions TanStack Query, React Query, useQuery, useMutation, or server state management. Expert...

This skill should be used when the user asks about "TanStack Query", "React Query", "useQuery", "query keys", "staleTime...

TanStack Query v5 (React Query) server state management. Use for data fetching, caching, mutations, or encountering v4 m...

Powerful data fetching and state management library for React applications with server state synchronization, caching, a...

TanStack Query v5 data fetching patterns including useSuspenseQuery, useQuery, mutations, cache management, and API serv...

Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte &...

You are an expert in TanStack Query (formerly React Query), the data-fetching and server state management library. You h...

Advanced TanStack Query v5 patterns for infinite queries, optimistic updates, prefetching, gcTime, and queryOptions. Use...

TanStack Query fundamentals including useQuery, useMutation, query keys, and cache management. Use when working with dat...

Advanced TanStack Query (v5) expert. Covers useSuspenseQuery, infinite scrolling, optimistic mutations, SSR/React Server...

Expert in TanStack Query (React Query) — asynchronous state management. Covers data fetching, stale time configuration,...

Generate TanStack Query hooks for data fetching and mutations. Triggers on "create tanstack query hook", "generate react...

Integration patterns for TanStack Query with VeeValidate forms, TanStack Table, and ProVet patterns. Use when combining...

TanStack Query for React Native data fetching. Use when implementing server state.

TanStack Query setup for data fetching and caching. Use when implementing server state management.

TanStack Query standards (keys, caching, invalidation, error handling)

Powerful data fetching and state management library for React applications with server state synchronization, caching, a...

Headless utilities for building range and multi-range sliders in TS/JS, React, Vue, Solid, Svelte & Angular.

React bindings for TanStack DB. Prefer useLiveQuery({ query }) with derived structured query identity. Provide queryKey...

React bindings for TanStack Start: createStart, StartClient, StartServer, React-specific imports, re-exports from @tanst...

Connect React Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools. Load for missing Tab...

Read, select, subscribe to, and control React Table V9 state with useTable selectors, table.state, table.Subscribe, tabl...

Build type-safe, file-based React routing with TanStack Router. Supports client-side navigation, route loaders, and TanS...

File-based routing, loaders, and navigation patterns in LivestockAI

Build type-safe React applications with TanStack Router. Covers file-based routing, type-safe params, search params, loa...

Type-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters. Use whe...

Expert guidance for TanStack Router file-based routing, loaders, actions, type-safe navigation, and React patterns. Use...