Skip to main content

Agent Skills

Install skills for best results​

Agents get the basics right from the package name alone. Skills teach them the current APIs for the rest, like test fixtures and real-time managers.

If your app already has @data-client packages, link the skills they ship, matched to their versions:

Terminal
npx --no data-client-skills
Run in your terminal

Otherwise, install skill /data-client-setup:

Terminal
claude plugin marketplace add reactive/data-client
claude plugin install data-client@data-client
Run in your terminal

Then run it in your agent's chat:

Copy prompt for your coding agent

It detects your framework and API style (REST, GraphQL, custom), installs the matching skills below, wires up the provider, and migrates existing endpoints.

Install all skills up front​

To install every skill for your framework now instead, without letting your agent run installs:

claude plugin marketplace add reactive/data-client
claude plugin install data-client@data-client
Run in your terminal

The Installed packages tab links the skills each installed @data-client/* package ships into .agents/skills (with .claude/skills linking to it), where Claude Code, Cursor and Codex load them, matched to that package's version. Commit the links. They follow upgrades, and running it again picks up skills from packages you add or upgrade. On Windows, commit the links only with Developer Mode on and git config core.symlinks true; otherwise leave them uncommitted and rerun the command after installing. The Claude Code, Cursor and Codex plugins set up apps that don't have Data Client yet. If you use TanStack Intent, it loads the same package skills.

Available Skills​

  • /data-client — starts here when you ask your agent to add or use Data Client, and routes it to setup or the skill for the task.
  • /data-client-setup — installs and configures Data Client for your framework and API style, along with the skills it needs.
  • /data-client-rest-setup — sets up @data-client/rest and migrates existing fetch/axios clients.
  • /data-client-endpoint-setup — wraps custom async functions with Endpoint for non-REST and non-GraphQL workflows.
  • /data-client-graphql-setup — configures @data-client/graphql and GQLEndpoint for GraphQL APIs.
  • /data-client-schema — designs Entity, Collection, Union, Query, and related schemas.
  • /data-client-rest — defines REST APIs with resource(), RestEndpoint, CRUD methods, and response parsing.
  • /data-client-manager — implements custom Managers for websockets, SSE, polling, subscriptions, logging, and middleware.
  • /data-client-vue — uses useSuspense, useFetch, useQuery, useLive, and mutation composables with DataClientPlugin, and debugs your running app from a browser tool such as Cursor's browser, Chrome DevTools MCP, or Playwright MCP.
  • /data-client-vue-testing — writes Vue tests with renderDataCompose, mountDataClient, fixtures, and nock.

Browse the full catalog at skills.sh/reactive/data-client.

Set up by hand​

To install the packages and add the provider yourself, follow Installation.