tanstack-website
CommunityBuild, optimize, and maintain TanStack websites and apps.
Software Engineering#tanstack#devtools#website development#documentation search#seo optimization#static site generation#app scaffolding
AuthorJohannesKonings
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill eliminates the risk of inaccurate TanStack implementation and misconfigured TanStack website/blog setups, which often lead to broken builds, poor search visibility, and incorrect use of TanStack APIs and tooling.
Core Features & Use Cases
- Official TanStack Docs & Tooling Access: Use the dedicated TanStack MCP to accurately search documentation, fetch full API pages, list available libraries, and scaffold new TanStack applications without relying on generic, potentially outdated web search results.
- TanStack Website & Blog Configuration: Properly set up static content routes, SSG/static export for blog posts, and content source configuration for TanStack-powered blogs and websites.
- SEO & Agent Access Optimization: Implement required SEO elements (meta tags, structured data, sitemaps, canonical URLs) and machine-readable metadata to improve search engine ranking and AI agent accessibility.
- TanStack DevTools Integration: Correctly add applicable development tools (like Router DevTools) for local debugging, while properly gating or stripping them from production builds to avoid performance overhead.
- Use Case Example: If you are building a TanStack Start blog, use this skill to fetch the correct routing API documentation, set up static post routes, add SEO meta tags for each blog post, and enable Router DevTools for local route debugging.
Quick Start
Use the tanstack-website skill to build a new TanStack Start blog with optimized SEO, static post exports, and Router DevTools enabled for local development.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: tanstack-website Download link: https://github.com/JohannesKonings/JohannesKonings.github.io/archive/main.zip#tanstack-website Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.