In short:
ak-tanstackcovers three areas of TanStack: Start (routes, server functions, middleware), Form (state and validation) and AI (streaming chat). It reads the installed packages and versions first, writes against those versions' types, then checks with the project's scripts. It does only the part you ask for, and declines TanStack Query, Table and Virtual as out of scope.
Disclosure: I maintain AgentKit and have an affiliate relationship with it: the AgentKit link in this post is an affiliate link; buying through it gets you 30% off.
Summary
Use it when you build a React app with TanStack Start, need a validated form with TanStack Form, want to add AI chat with TanStack AI, or are comparing Start with Next.js and Remix. It is not for TanStack Query, Table, Virtual or general React patterns.
flowchart LR
A["TanStack Start app"] --> B["ak-tanstack"]
C["Form needing validation"] --> B
D["Need streaming AI chat"] --> B
B --> E["Code for the installed version, type-checked and built"]
F["TanStack Query, Table, Virtual"] -.-> G["Out of scope, the skill declines"]It rests on 4 ideas:
| Idea | Question | Example |
|---|---|---|
| Installed version | Which TanStack packages and versions does the project use? | Read package.json, the lockfile and imports; seeing @tanstack/react-start, write against that package's types |
| Three supported areas | Which part does the request belong to? | Routes and server functions are Start; validation is Form; chat and streaming are AI |
| Generated files | Where do you edit when a route changes? | Create the route file in src/routes/, run the generator so routeTree.gen.ts updates itself |
| Stay in scope | Does fixing one spot drag in other work? | Fixing the sign-up form's validation changes only the form |
TanStack AI is in Alpha, and the skill states clearly that it is not ready for production.
Sample prompt to add a route with a server function:
/ak-tanstack start Add an invoice detail page /invoices/$invoiceId to <app name>.
Data comes through a server function, with input parameter validation.
Only signed-in users can view it (use the existing auth middleware).
Done when: typecheck and build pass, and the page shows the right invoice.This skill has no flags. After the skill name you write the TanStack part to work on (Start, Form or AI), then the feature, for example form sign-up validation.
Below is the detailed version: the run flow, 4 situations with prompts, how to write the input, the change history by ak release, and common pitfalls. The detailed version and the interactive page are for subscribers. Your agent can also search them through the portal's MCP.
Opens when your account has subscriber access
This guide is for subscribers
Once your account has access, the full piece, the interactive visual and the agent call all open.
- Sign in or create a modernEngineer accountReading access belongs to your account email.
- Choose a plan on the pricing page1, 3 or 12 months, paid by VietQR bank transfer. Access opens about a minute after the money arrives.
- Or redeem a Facebook subscriber codePeople supporting the page on Facebook get an activation code by message each month.
Already a subscriber? Sign in to read.
Use this piece in your agent
Get an API keyCopy the text below and paste it into Claude Code, Codex or whichever agent you use. The agent reads the piece and checks it against the repo you have open.
Read "ak-tanstack: build TanStack Start, Form and AI for your installed versions" on modernEngineer and apply it to this repo.
1. Call the content_get tool of the modernengineer MCP server with locale "en", slug "ak-tanstack". If the modernengineer MCP server is not connected, stop and walk me through connecting it from https://modernengineer.dev/en/mcp.
2. Summarize the main steps of the piece and point out which apply to this repo.
3. Propose concrete changes and ask me before editing any file.Connect MCP in Claude Code (once)
claude mcp add --transport http modernengineer \
https://api.modernengineer.dev/mcp \
--header "Authorization: Bearer <API key>"Reading the full piece over MCP needs an API key from a subscriber account or one that bought this guide. Without access, the agent only gets the opening.
- Version
- v1.0.0
- Updated
- 22/10/2026
- Licence
- All rights reserved
- Slug
- ak-tanstack
