메뉴
Apply integrations to existing projects with tanstack add, including add-on id resolution, dependency chains, option prompts, and .cta.json project metadata preconditions.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Map tanstack ecosystem partner metadata to installable add-on ids using tanstack ecosystem --json, tanstack create --list-add-ons --json, and tanstack create --addon-details --json. Covers exclusive categories, provider options, and router-only compatibility constraints.
Scaffold a TanStack app with tanstack create using --framework, --template, --toolchain, --deployment, --add-ons, and --router-only. Covers flag compatibility, non-interactive defaults, and intent-preserving command construction.
Build and iterate custom add-ons/templates with tanstack add-on init, add-on compile, add-on dev, and tanstack create --dev-watch, including sync loop preconditions, watch-path validation, and project metadata constraints.
Retrieve machine-readable context with tanstack libraries, tanstack doc, tanstack search-docs, tanstack create --list-add-ons --json, and --addon-details for agent-safe discovery and preflight validation.
| name | add-addons-existing-app |
| description | Apply integrations to existing projects with tanstack add, including add-on id resolution, dependency chains, option prompts, and .cta.json project metadata preconditions. |
| type | core |
| library | tanstack-cli |
| library_version | 0.62.1 |
Use this skill when the project already exists and you need to layer add-ons safely without breaking dependency or metadata assumptions.
npx @tanstack/cli add clerk drizzle
npx @tanstack/cli add tanstack-query drizzle
npx @tanstack/cli create --list-add-ons --json
npx @tanstack/cli create --addon-details prisma --json
Wrong:
npx @tanstack/cli add clerk
Correct:
# Run in a project scaffolded by TanStack CLI (contains .cta.json), then:
npx @tanstack/cli add clerk
Add flows depend on persisted scaffold metadata, so commands can fail or apply incomplete config when .cta.json is missing.
Source: packages/create/src/custom-add-ons/shared.ts:158
Wrong:
npx @tanstack/cli add drizle
Correct:
npx @tanstack/cli add drizzle
Unknown ids stop resolution and force manual correction before any add-on work proceeds.
Source: packages/create/src/add-ons.ts:44
Wrong:
npx @tanstack/cli add custom-addon-with-missing-deps
Correct:
npx @tanstack/cli add required-dependency custom-addon-with-missing-deps
Add-ons with dependsOn can fail during finalization if required dependencies are not present.
Source: packages/create/src/add-ons.ts:48
Wrong:
# Avoid tanstack add on Windows and patch manually
Correct:
npx @tanstack/cli add clerk
Avoiding supported workflows based on historical bug reports causes unnecessary manual drift. Fixed in newer versions, but agents trained on older threads may still avoid this path.
Source: https://github.com/TanStack/cli/issues/329
This domain's patterns conflict with maintain-custom-addons-dev-watch. Automation that assumes universal add flows tends to fail because legacy compatibility still relies on hidden scaffold metadata.
See also: maintain-custom-addons-dev-watch/SKILL.md § Common Mistakes