How do I install the Tanstack AI skill?

Run npx skillmds@latest add lukasa1993/tanstack-ai 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 Tanstack AI 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 Tanstack AI?

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 Tanstack AI free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Tanstack AI?

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

Tanstack AI by lukasa1993 — Agent Skill

Name: Tanstack AI
Author: lukasa1993

Tanstack AI

Provider-agnostic AI guidance for chat, tools, structured output, persistence, memory, runtime skills, MCP, code mode, and sandbox execution. Use when a project uses TanStack AI or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.

lukasa1993 512faea 243 files · 708.7 KB Updated Sep 17, 2026

File contents

TanStack AI

Provider-agnostic AI guidance for chat, tools, structured output, persistence, memory, runtime skills, MCP, code mode, and sandbox execution.

TanStack AI is beta. Confirm provider and adapter package versions.

Workflow

Inspect installed TanStack packages and exact versions.
Choose the task reference that matches the requested outcome.
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

Chat, providers, and streaming — Core chat, providers, AG-UI, custom backends, and debugging.
Tools, outputs, and middleware — Tool calling, structured output, and middleware.
Media generation — Media generation guidance.
Persistence and coordination — Client/server persistence, stores, and locks.
Database persistence adapters — Custom, Drizzle, and Prisma persistence adapters.
Cloudflare persistence — Cloudflare state and artifact-store persistence adapters.
Memory — Memory architecture and memory-provider adapters.
Agent runtimes — Portable Agent Skills and MCP integration.
Code execution — Code Mode and sandbox execution.

Framework routing

Vanilla — detect @tanstack/ai. No dedicated adapter guide is bundled; consult the installed package documentation.
React — detect @tanstack/ai-react. No dedicated adapter guide is bundled; consult the installed package documentation.
Preact — detect @tanstack/ai-preact. No dedicated adapter guide is bundled; consult the installed package documentation.
Vue — detect @tanstack/ai-vue. No dedicated adapter guide is bundled; consult the installed package documentation.
Solid — detect @tanstack/ai-solid. No dedicated adapter guide is bundled; consult the installed package documentation.
Svelte — detect @tanstack/ai-svelte. No dedicated adapter guide is bundled; consult the installed package documentation.
Angular — detect @tanstack/ai-angular. No dedicated adapter guide is bundled; consult the installed package documentation.

The extracted upstream skills focus on core/server behavior. Confirm client adapter APIs from the installed package types.

See source provenance for exact upstream inputs and deduplication records.

---name: tanstack-aidescription: Provider-agnostic AI guidance for chat, tools, structured output, persistence, memory, runtime skills, MCP, code mode, and sandbox execution. Use when a project uses TanStack AI or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.license: MIT---# TanStack AIProvider-agnostic AI guidance for chat, tools, structured output, persistence, memory, runtime skills, MCP, code mode, and sandbox execution.> TanStack AI is beta. Confirm provider and adapter package versions.## Workflow1. Inspect installed TanStack packages and exact versions.2. Choose the task reference that matches the requested outcome.3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.4. Prefer installed package types and version-matched source guidance over memory.5. Preserve headless/core behavior when translating examples to a framework adapter.## Task routing- [Chat, providers, and streaming](references/chat-providers.md) — Core chat, providers, AG-UI, custom backends, and debugging.- [Tools, outputs, and middleware](references/tools-outputs-middleware.md) — Tool calling, structured output, and middleware.- [Media generation](references/media.md) — Media generation guidance.- [Persistence and coordination](references/persistence-coordination.md) — Client/server persistence, stores, and locks.- [Database persistence adapters](references/persistence-adapters.md) — Custom, Drizzle, and Prisma persistence adapters.- [Cloudflare persistence](references/persistence-cloudflare.md) — Cloudflare state and artifact-store persistence adapters.- [Memory](references/memory.md) — Memory architecture and memory-provider adapters.- [Agent runtimes](references/agent-runtimes.md) — Portable Agent Skills and MCP integration.- [Code execution](references/code-execution.md) — Code Mode and sandbox execution.## Framework routing- **Vanilla** — detect `@tanstack/ai`. No dedicated adapter guide is bundled; consult the installed package documentation.- **React** — detect `@tanstack/ai-react`. No dedicated adapter guide is bundled; consult the installed package documentation.- **Preact** — detect `@tanstack/ai-preact`. No dedicated adapter guide is bundled; consult the installed package documentation.- **Vue** — detect `@tanstack/ai-vue`. No dedicated adapter guide is bundled; consult the installed package documentation.- **Solid** — detect `@tanstack/ai-solid`. No dedicated adapter guide is bundled; consult the installed package documentation.- **Svelte** — detect `@tanstack/ai-svelte`. No dedicated adapter guide is bundled; consult the installed package documentation.- **Angular** — detect `@tanstack/ai-angular`. No dedicated adapter guide is bundled; consult the installed package documentation.The extracted upstream skills focus on core/server behavior. Confirm client adapter APIs from the installed package types.See [source provenance](references/SOURCES.md) for exact upstream inputs and deduplication records.

Frequently asked questions