# Create App Scaffold

Scaffold a TanStack app with tanstack create using --framework, --build-tool...

- Repository: https://github.com/TanStack/cli (1304 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add TanStack/cli --skill create-app-scaffold -g -a claude-code -y`
Codex: `npx skills add TanStack/cli --skill create-app-scaffold -g -a codex -y`
Cursor: `npx skills add TanStack/cli --skill create-app-scaffold -g -a cursor -y`
Gemini CLI: `npx skills add TanStack/cli --skill create-app-scaffold -g -a gemini-cli -y`

## Description

Scaffold a TanStack app with tanstack create using --framework, --build-tool, --template, --toolchain, --deployment, --add-ons, --blank, and --router-only. Covers flag compatibility, non-interactive defaults, and intent-preserving command construction.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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

```bash
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.

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

### Build a deterministic non-interactive scaffold

```bash
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.

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

### Use router-only mode for compatibility scaffolds only

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

### Use template input only outside router-only mode

```bash
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:
```bash
npx @tanstack/cli create my-app --add-ons -y
```

Correct:
```bash
npx @tanstack/cli create my-app --add-ons clerk,drizzle -y
```

The rest: https://github.com/TanStack/cli/blob/HEAD/packages/cli/skills/create-app-scaffold/SKILL.md