跳到正文
cccskills
免费在 GitHub 公开

add-addons-existing-app

Apply integrations to existing projects with tanstack add, including add-on id resolution, dependency chains, option prompts, and .cta.json project metadata preconditions.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md2.6 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Add Add-ons To Existing App

Use this skill when the project already exists and you need to layer add-ons safely without breaking dependency or metadata assumptions.

Setup

npx @tanstack/cli add clerk drizzle

Core Patterns

Add multiple integrations in one pass

npx @tanstack/cli add tanstack-query drizzle

Resolve candidate ids before applying

npx @tanstack/cli create --list-add-ons --json

Validate optionized add-ons before install

npx @tanstack/cli create --addon-details prisma --json

Common Mistakes

CRITICAL Run tanstack add without .cta.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

HIGH Use invalid add-on id

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

HIGH Ignore add-on dependency requirements

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

MEDIUM Assume old Windows path bug still present

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

HIGH Tension: Backwards support vs deterministic automation

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

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

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.

中文简介正在准备中。当前显示原文说明。

TanStack/cli13012026年10月17日 更新

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.

中文简介正在准备中。当前显示原文说明。

TanStack/cli13012026年10月17日 更新

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.

中文简介正在准备中。当前显示原文说明。

TanStack/cli13012026年10月17日 更新

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.

中文简介正在准备中。当前显示原文说明。

TanStack/cli13012026年10月17日 更新

查看 TanStack 的全部技能

报告此技能的问题