TanStackOfficial·41 Agent Skills Included

ai

Build type-safe AI chat, tools, and media apps in TypeScript

Guides AI agents to build streaming chat, tool-calling agents, structured outputs, and media generation with the TanStack AI SDK. Eliminates guesswork around provider adapters, persistence stores, sandboxed code execution, and MCP server connections. Ships ready-made recipes for React, Vue, Svelte, Solid, Drizzle, Prisma, and Cloudflare so agents produce working code on the first pass.

3,056|316

↗

npx skills add TanStack/ai --all -g -y

Available:

Tells the AI agent which sub-skills to load before writing docs, code, or pull requests in this repo, and enforces mandatory quality gates like running the PR test suite before pushing.

All Skills in This Repository (41)

Pure Emerald Level Indicators

📦 In Repo

TanStack

ai-code-mode

Execute LLM-generated TypeScript in sandboxed Node, QuickJS, or Cloudflare isolates.

ai-core

Orchestrate TanStack AI chat, streaming, tool, and adapter flows with type-safe best practices.

ai-core/chat-experience

Implement streaming SSE chat endpoints and clients with TanStack AI.

ai-core/middleware

Instrument TanStack AI chat lifecycle hooks with middleware for analytics and tool decisions.

ai-core/media-generation

Coordinate server-side media generation with SSE streaming and polling.

ai-core/ag-ui-protocol

Convert TanStack AI chat iterables into AG-UI compliant SSE or NDJSON streams.

ai-core/adapter-configuration

Configure tree-shakeable provider adapters for multi-vendor chat workflows.

ai-core/tool-calling

Coordinate server and client tool calling workflows for AI chats.

ai-core/custom-backend-integration

Connect useChat to custom SSE and NDJSON backends with per-request authentication.

ai-core/structured-outputs

Convert chat LLM outputs into typed JSON objects via schema enforcement.

simple-english

Rewrites technical documentation using ASD-STE100 Simplified Technical English rules.

i-have-adhd

Reshape AI responses into ADHD-friendly output with numbered steps and capped lists.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install TanStack AI skills?▼

Run `npx skills add TanStack/ai --all -g -y` in your terminal to install the full skill suite globally for your AI agent.

What can I build with TanStack AI skills?▼

You can build streaming chat apps, tool-calling agents, structured JSON outputs, image and video generation, realtime voice, and sandboxed code execution, all with type-safe TypeScript.

Which AI providers does TanStack AI support?▼

It ships adapters for OpenAI, Anthropic, Gemini, Grok, Groq, OpenRouter, Ollama, Bedrock, BytePlus, fal, and ElevenLabs, plus any OpenAI-compatible API.

Does TanStack AI work with React, Vue, and Svelte?▼

Yes. It provides a headless client plus native hooks like useChat for React, Solid, Vue, Svelte, Preact, and Angular.

Can my AI agent use these skills in Claude Code or Cursor?▼

Yes. Every skill follows the universal SKILL.md standard and loads automatically in Claude Code, Codex, Grok, Cursor, and other compatible agents.