Claude MarketplacesSubmit
deckardger avatar

Tanstack Start Best Practices

deckardger/tanstack-agent-skills

A solid reference for TanStack Start patterns that covers the full-stack basics you'll actually encounter. It organizes 33 rules across server functions, middleware, SSR, and auth into priority tiers, so you can focus on the critical stuff first like input validation and CSRF protection. The categorization by prefix (sf-, sec-, mw-) makes it easy to find what you need when you're debugging hydration issues or setting up session management. Honest take: it's comprehensive without being overwhelming, though you'll still need to understand TanStack Start fundamentals before diving into the advanced deployment and streaming patterns.

skills.sh installs
9.9K
GitHub stars
230
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add deckardger/tanstack-agent-skills --skill tanstack-start-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

TanStack Start Best Practices

Comprehensive guidelines for implementing TanStack Start patterns in full-stack React applications. These rules cover server functions, middleware, SSR, authentication, and deployment.

When to Apply

  • Creating server functions for data mutations
  • Setting up middleware for auth/logging
  • Configuring SSR and hydration
  • Implementing authentication flows
  • Handling errors across client/server boundary
  • Organizing full-stack code
  • Deploying to various platforms

Rule Categories by Priority

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/deckardger/tanstack-agent-skills
Categories
Frontend Development, Backend & APIs, Security, AI & Agent Building

More from deckardger/tanstack-agent-skills

All 4

Recommended

More Frontend Development
1wondelai avatarweb-typographywondelai/skillsSelect, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "we9.7Kskills.sh installs
2conardli avatarweb-design-engineerconardli/garden-skillsBuild or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups,9.6Kskills.sh installs
3github avatarfolder-structure-blueprint-generatorgithub/awesome-copilotComprehensive technology-agnostic prompt for analyzing and documenting project folder structures. Auto-detects project types (.NET, Java, React, Angular, Python9.5Kskills.sh installs
4github avatarcode-exemplars-blueprint-generatorgithub/awesome-copilotTechnology-agnostic prompt generator that creates customizable AI prompts for scanning codebases and identifying high-quality code exemplars. Supports multiple 8.8Kskills.sh installs
5tw93 avatardesigntw93/wazaProduces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users ask in any language8.7Kskills.sh installs
6vercel-labs avatarnextvercel-labs/json-renderNext.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-rende8.6Kskills.sh installs