# Johanneskonings Johanneskonings Github Io Tanstack Website

> TanStack Website

- Skill: `tomevault-io/johanneskonings-johanneskonings-github-io-tanstack-website` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/johanneskonings-johanneskonings-github-io-tanstack-website`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/johanneskonings-johanneskonings-github-io-tanstack-website/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/johanneskonings-johanneskonings-github-io-tanstack-website

---


# TanStack Website

## Use the TanStack MCP

When the task involves TanStack docs, APIs, or app creation, use the **TanStack MCP** (`user-tanstack`) via `call_mcp_tool`. Do not guess or use generic web search for TanStack-specific information.

Before calling any tool, read its descriptor from `mcps/user-tanstack/tools/<toolName>.json` for parameters, then call with server `user-tanstack`.

## Tool reference

| Tool                          | Purpose              | Key parameters                                                                                |
| ----------------------------- | -------------------- | --------------------------------------------------------------------------------------------- |
| **tanstack_search_docs**      | Find docs by query   | `query` (required); optional: `library`, `framework`, `limit`                                 |
| **tanstack_doc**              | Fetch a doc page     | `library`, `path` (required); optional: `version`                                             |
| **tanstack_list_libraries**   | List libraries       | optional: `group` (state, headlessUI, performance, tooling)                                   |
| **tanstack_ecosystem**        | Ecosystem partners   | optional: `category`, `library`                                                               |
| **listTanStackAddOns**        | Add-ons for new apps | `framework` (required; React or Solid)                                                        |
| **createTanStackApplication** | Create TanStack app  | `framework`, `projectName`, `cwd`, `addOns`, `targetDir` (required); optional: `addOnOptions` |

**When to use which**: Need a doc snippet → `tanstack_search_docs`. Need full page → `tanstack_doc`. Scaffolding app → `listTanStackAddOns` then `createTanStackApplication`.

## Blog and static content

The TanStack website is a **blog**. Ensure static content is properly configured:

- Build output and routes for blog posts
- Content sources (e.g. markdown, CMS)
- SSG/static export so posts are pre-rendered

## SEO and agent access

Optimize for:

- **SEO**: Meta tags, structured data (JSON-LD), sitemaps, canonical URLs, semantic HTML
- **Agent access**: Clear structure, machine-readable metadata, optional robots/LLM-friendly hints (e.g. clear headings, descriptive links)

## TanStack DevTools

For a static blog, integrate only the TanStack DevTools that apply: typically **Router DevTools** (for route/build debugging in development). Omit React Query DevTools and Table DevTools unless the blog adds client-side data or tables. Enable in development; gate or strip in production builds.

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/johanneskonings) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-16 -->