lovstudio-install-tanstack-query

Initialize or refactor a frontend project to use TanStack Query as the shared server-state layer.

Independent source repository, also distributed through lovstudio dev-skills — by lovstudio.ai

Install

npx skills add lovstudio/install-tanstack-query-skill

The aggregate bundle remains available:

npx skills add lovstudio/dev-skills

Or through Claude Code plugin marketplace:

/plugin marketplace add lovstudio/dev-skills
/plugin install dev-tools@lovstudio-dev

Usage

Ask your coding agent:

Use lovstudio-install-tanstack-query to initialize TanStack Query in this app.

or:

Use lovstudio-install-tanstack-query to refactor request state into shared query keys and hooks.

What It Does

• Detects existing request patterns and package manager.
• Installs @tanstack/react-query only when needed.
• Adds or reuses a top-level QueryClientProvider.
• Creates shared query keys and query/mutation wrappers.
• Refactors network-backed reads and writes into TanStack Query.
• Leaves imperative side effects outside Query when that is the safer model.

License

MIT