tanstack-start-react-architect
CommunityDesign TanStack Start app architecture.
System Documentation
What problem does it solve?
The TanStack Start Architecture Skill provides a structured approach to turning high-level architectural goals for TanStack Start projects into concrete, actionable plans. It helps you define routing layouts, SSR/ISR strategies, data loading, middleware, hosting, SEO, and observability to ensure scalable, maintainable full-stack React applications.
Core Features & Use Cases
- Define end-to-end architecture for TanStack Start projects, including routing trees, rendering strategies (SSR/SPA/SSG/ISR), and hosting models.
- Produce an actionable architecture brief and a concrete implementation plan with boundaries, loaders, middleware decisions, and deployment guidance.
- Offer scaffolding templates and references to accelerate implementation for server routes, server functions, and deployment workflows.
Quick Start
Use this skill to draft a complete architecture brief for a TanStack Start project, covering SSR strategy, route layout, data loading approach, middleware, hosting, and SEO considerations. Then apply the provided templates to scaffold routes and middleware and to plan deployment.
Dependency Matrix
Required Modules
None requiredComponents
💻 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-start-react-architect Download link: https://github.com/AndyMarigoldLabs/continuous-funding/archive/main.zip#tanstack-start-react-architect 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 223,000+ vetted skills library on demand.