Create App Scaffold

Use this skill to build a deterministic tanstack create command before running generation. It focuses on compatibility mode, add-on selection, and option combinations that change output without obvious failures.

Setup

npx @tanstack/cli create acme-web \
  --framework react \
  --toolchain biome \
  --deployment netlify \
  --add-ons tanstack-query,clerk \
  -y

Core Patterns

Choose Vite or Rsbuild explicitly

Vite is the default. Use Rsbuild for React or Solid when the requested project fits its initial compatibility surface.

npx @tanstack/cli create acme-web \
  --framework react \
  --build-tool rsbuild \
  --toolchain biome \
  -y

Build a deterministic non-interactive scaffold

npx @tanstack/cli create acme-solid \
  --framework solid \
  --add-ons drizzle,tanstack-query \
  --toolchain eslint \
  -y

Start from a minimal production-ready scaffold

Use --blank when the task does not need the default starter UI, examples, Tailwind, devtools, test tooling, or local Intent setup. Explicit integrations remain composable; add --intent when the generated project should contain skill mappings for later coding-agent work.

npx @tanstack/cli create acme-web \
  --blank \
  --deployment cloudflare \
  -y

Use router-only mode for compatibility scaffolds only

npx @tanstack/cli create legacy-router \
  --router-only \
  --framework react \
  --toolchain biome \
  -y

Use template input only outside router-only mode

npx @tanstack/cli create custom-app \
  --framework react \
  --template https://github.com/acme/tanstack-template \
  --add-ons tanstack-query \
  -y

Common Mistakes

HIGH Pass --add-ons without explicit ids

Wrong:

npx @tanstack/cli create my-app --add-ons -y

Correct:

npx @tanstack/cli create my-app --add-ons clerk,drizzle -y