feat(cli): auto-install TanStack Intent during scaffolding (#442)

* feat(cli): auto-install TanStack Intent during scaffolding

Run `npx @tanstack/intent install` after `tanstack create` and
`tanstack add`, gated by a new `--intent` / `--no-intent` flag (default
on). Failures are reported as warnings so they don't block scaffolding.

https://claude.ai/code/session_01KZU2LM3E8hncoXxZguUu8P

* fix(cli): drop unsupported --yes flag from intent install

The intent CLI already runs non-interactively, no extra flag needed.

https://claude.ai/code/session_01KZU2LM3E8hncoXxZguUu8P

* chore: add changeset for intent auto-install

https://claude.ai/code/session_01KZU2LM3E8hncoXxZguUu8P

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: tannerlinsley

.changeset/intent-auto-install.md

@@ -0,0 +1,13 @@
+---
+'@tanstack/cli': minor
+'@tanstack/create': minor
+---
+
+feat(cli): auto-install TanStack Intent during scaffolding
+
+`tanstack create` and `tanstack add` now run `npx @tanstack/intent install`
+after dependency installation, wiring up skill mappings for coding agents.
+The behavior is controlled by a new `--intent` / `--no-intent` flag (default
+on) and persists to `.cta.json` so subsequent `add` invocations honor the
+original choice. Failures are surfaced as warnings instead of aborting the
+scaffold.

packages/cli/src/cli.ts

@@ -183,6 +183,7 @@ function getCreateTelemetryProperties(projectName: string, options: CliOptions)
     framework: options.framework ? sanitizeId(options.framework) : undefined,
     git: options.git,
     install: options.install !== false,
+    intent: options.intent !== false,
     interactive: !!options.interactive,
     json: !!options.json,
     non_interactive: !!options.nonInteractive || !!options.yes,
@@ -221,6 +222,7 @@ function getResolvedCreateTelemetryProperties(
     framework: sanitizeId(finalOptions.framework.id),
     git: finalOptions.git,
     install: finalOptions.install !== false,
+    intent: finalOptions.intent,
     package_manager: finalOptions.packageManager,
     router_only: !!cliOptions.routerOnly,
     toolchain: toolchain ? sanitizeId(toolchain.id) : undefined,
@@ -875,6 +877,14 @@ export function cli({
       .option('--json', 'output JSON for automation', false)
       .option('--git', 'create a git repository')
       .option('--no-git', 'do not create a git repository')
+      .option(
+        '--intent',
+        'set up TanStack Intent skill mappings for coding agents',
+      )
+      .option(
+        '--no-intent',
+        'skip TanStack Intent setup',
+      )
       .option(
         '--target-dir <path>',
         'the target directory for the application root',
@@ -1441,7 +1451,15 @@ Remove your node_modules directory and package lock file and re-install.`,
       'Name of the add-ons (or add-ons separated by spaces or commas)',
     )
     .option('--forced', 'Force the add-on to be added', false)
-    .action(async (addOns: Array<string>, options: { forced: boolean }) => {
+    .option(
+      '--intent',
+      'set up TanStack Intent skill mappings for coding agents',
+    )
+    .option(
+      '--no-intent',
+      'skip TanStack Intent setup',
+    )
+    .action(async (addOns: Array<string>, options: { forced: boolean; intent?: boolean }) => {
       try {
         await runWithTelemetry(
           'add',
@@ -1472,6 +1490,7 @@ Remove your node_modules directory and package lock file and re-install.`,
               if (selectedAddOns.length) {
                 await addToApp(environment, selectedAddOns, resolve(process.cwd()), {
                   forced: options.forced,
+                  intent: options.intent,
                 })
               }
               return
@@ -1484,6 +1503,7 @@ Remove your node_modules directory and package lock file and re-install.`,
             })
             await addToApp(environment, parsedAddOns, resolve(process.cwd()), {
               forced: options.forced,
+              intent: options.intent,
             })
           },
         )

packages/cli/src/command-line.ts

@@ -546,6 +546,7 @@ export async function normalizeOptions(
       DEFAULT_PACKAGE_MANAGER,
     git: cliOptions.git ?? true,
     install: cliOptions.install,
+    intent: cliOptions.intent ?? true,
     chosenAddOns,
     addOnOptions: {
       ...populateAddOnOptionsDefaults(chosenAddOns),

packages/cli/src/dev-watch.ts

@@ -272,6 +272,7 @@ export class DevWatchManager {
         targetDir: this.tempDir,
         git: false,
         install: packageMetadataChanged,
+        intent: false,
       }
 
       // Show package installation indicator if needed

packages/cli/src/types.ts

@@ -20,6 +20,7 @@ export interface CliOptions {
   devWatch?: string
   runDev?: boolean
   install?: boolean
+  intent?: boolean
   addOnConfig?: string
   force?: boolean
   routerOnly?: boolean

packages/create/src/add-to-app.ts

@@ -18,6 +18,7 @@ import {
 import { mergePackageJSON } from './package-json.js'
 import { runSpecialSteps } from './special-steps/index.js'
 import { loadStarter } from './custom-add-ons/starter.js'
+import { setupIntent } from './integrations/intent.js'
 
 import type { Environment, Options } from './types.js'
 import type { PersistedOptions } from './config-file.js'
@@ -54,6 +55,7 @@ async function createOptions(
     ]),
     targetDir,
     starter,
+    intent: json.intent ?? false,
   } as Options
 }
 
@@ -230,6 +232,7 @@ export async function addToApp(
   cwd: string,
   options?: {
     forced?: boolean
+    intent?: boolean
   },
 ) {
   const persistedOptions = await getCurrentConfiguration(environment, cwd)
@@ -318,6 +321,10 @@ export async function addToApp(
 
   await runNewCommands(environment, persistedOptions, cwd, output)
 
+  const intent = options?.intent ?? persistedOptions.intent ?? true
+  newOptions.intent = intent
+  await setupIntent(environment, cwd, newOptions)
+
   environment.startStep({
     id: 'write-config-file',
     type: 'file',

packages/create/src/create-app.ts

@@ -13,6 +13,7 @@ import { resolvePackageJSONLatest } from './npm-resolver.js'
 import { createTemplateFile } from './template-file.js'
 import { installShadcnComponents } from './integrations/shadcn.js'
 import { setupGit } from './integrations/git.js'
+import { setupIntent } from './integrations/intent.js'
 import { runSpecialSteps } from './special-steps/index.js'
 
 import type { Environment, FileBundleHandler, Options } from './types.js'
@@ -294,6 +295,8 @@ async function runCommandsAndInstallDependencies(
   }
 
   await installShadcnComponents(environment, options.targetDir, options)
+
+  await setupIntent(environment, options.targetDir, options)
 }
 
 async function seedEnvValues(environment: Environment, options: Options) {

packages/create/src/custom-add-ons/shared.ts

@@ -82,6 +82,7 @@ export async function createAppOptionsFromPersisted(
     starter: json.starter ? await loadStarter(json.starter) : undefined,
     chosenAddOns,
     addOnOptions: populateAddOnOptionsDefaults(chosenAddOns),
+    intent: json.intent ?? false,
   }
 }
 
@@ -103,6 +104,7 @@ export function createSerializedOptionsFromPersisted(
     framework: json.framework,
     starter: json.starter,
     addOnOptions: {},
+    intent: json.intent ?? false,
   }
 }
 

packages/create/src/integrations/intent.ts

@@ -0,0 +1,47 @@
+import { resolve } from 'node:path'
+
+import { packageManagerExecute } from '../package-manager.js'
+
+import type { Environment, Options } from '../types.js'
+
+export async function setupIntent(
+  environment: Environment,
+  targetDir: string,
+  options: Options,
+) {
+  if (!options.intent) {
+    return
+  }
+
+  const s = environment.spinner()
+  s.start('Setting up TanStack Intent skill mappings...')
+  environment.startStep({
+    id: 'setup-intent',
+    type: 'command',
+    message: 'Setting up TanStack Intent skill mappings...',
+  })
+
+  try {
+    await packageManagerExecute(
+      environment,
+      resolve(targetDir),
+      options.packageManager,
+      '@tanstack/intent',
+      ['install'],
+    )
+    environment.finishStep('setup-intent', 'TanStack Intent configured')
+    s.stop('TanStack Intent configured')
+  } catch (error) {
+    const message =
+      error instanceof Error ? error.message : 'Unknown error'
+    environment.finishStep(
+      'setup-intent',
+      `TanStack Intent setup skipped: ${message}`,
+    )
+    s.stop('TanStack Intent setup skipped')
+    environment.warn(
+      'TanStack Intent setup failed',
+      `Continuing without it. You can run it later with: npx @tanstack/intent install\n\n${message}`,
+    )
+  }
+}

packages/create/src/types.ts

@@ -214,6 +214,7 @@ export interface Options {
   packageManager: PackageManager
   git: boolean
   install?: boolean
+  intent: boolean
 
   chosenAddOns: Array<AddOn>
   addOnOptions: Record<string, Record<string, any>>