tanstack-start-react-architect

Creates architecture blueprints and code scaffolds for TanStack Airy projects.

Updated Jan 17, 2026
One-click install
npx skills add https://github.com/AndyMarigoldLabs/continuous-funding --skill tanstack-start-react-architect
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tanstack-start-react-architect
Source: https://github.com/AndyMarigoldLabs/continuous-funding/tree/main/.claude/skills/tanstack-start-react-architect
Command: npx skills add https://github.com/AndyMarigoldLabs/continuous-funding --skill tanstack-start-react-architect

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) and scripts (resource) components.

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.

Frequently Asked Questions about tanstack-start-react-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I plan TanStack Start app architecture for SSR and routing?

TanStack Start architecture planning involves defining routing trees, rendering strategies like SSR or ISR, and middleware boundaries. This skill produces an architecture brief and code scaffolds to guide implementation.

What is the best way to structure server functions and middleware in TanStack Start?

The best way to structure server functions and middleware is by using provided scaffolding templates. These templates enforce best practices for server routes, server functions, and deployment workflows.

How do I design an ISR and SSR rendering strategy for a TanStack Start project?

Design ISR and SSR rendering strategies by turning high-level architectural goals into concrete plans. This skill helps define rendering approaches to ensure scalable, maintainable full-stack React applications.

Does TanStack Start architecture planning include SEO and observability guidance?

Yes, TanStack Start architecture planning includes SEO, LLMO, and observability guidance. It produces an architecture brief covering hosting, SEO considerations, and deployment workflows.

Can I generate code scaffolds for deployment workflows in TanStack Start?

Yes, you can generate code scaffolds for deployment workflows. The skill provides scaffolding templates and references to accelerate implementation for server routes, server functions, and deployment.

When do I need an architecture brief for a TanStack Start application?

You need an architecture brief when moving from high-level goals to concrete implementation. It helps define routing layouts, hosting models, middleware decisions, and SEO considerations.