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:

Claude Code plugin

Terminal

claude plugin marketplace add reactive/data-client
claude plugin install data-client@data-client

Run in your terminal

Cursor plugin

Copy prompt for Cursor

Codex plugin

Terminal

codex plugin marketplace add reactive/data-client \
  --sparse .claude-plugin --sparse .agents/skills
codex plugin add data-client@data-client

Run in your terminal

Skills CLI

Terminal

npx skills add reactive/data-client --skill data-client-setup

Run in your terminal

OpenSkills

Terminal

npx openskills install reactive/data-client/.agents/skills/data-client-setup

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 Code plugin

claude plugin marketplace add reactive/data-client
claude plugin install data-client@data-client

Run in your terminal

Cursor plugin

Copy prompt for Cursor

Codex plugin

codex plugin marketplace add reactive/data-client \
  --sparse .claude-plugin --sparse .agents/skills
codex plugin add data-client@data-client

Run in your terminal

Installed packages

# after installing Data Client: links the skills its packages ship
npx --no data-client-skills

Run in your terminal

Skills CLI

npx skills add reactive/data-client \
  --skill data-client \
  --skill data-client-setup \
  --skill data-client-manager \
  --skill data-client-schema \
  --skill data-client-v0.18-migration \
  --skill data-client-rest \
  --skill path-to-regexp-v8-migration \
  --skill data-client-react \
  --skill data-client-react-testing \
  --skill data-client-rest-setup \
  --skill data-client-graphql-setup \
  --skill data-client-endpoint-setup

Run in your terminal

OpenSkills

npx openskills install reactive/data-client/.agents/skills/data-client
npx openskills install reactive/data-client/.agents/skills/data-client-setup
npx openskills install reactive/data-client/.agents/skills/data-client-manager
npx openskills install reactive/data-client/.agents/skills/data-client-schema
npx openskills install reactive/data-client/.agents/skills/data-client-v0.18-migration
npx openskills install reactive/data-client/.agents/skills/data-client-rest
npx openskills install reactive/data-client/.agents/skills/path-to-regexp-v8-migration
npx openskills install reactive/data-client/.agents/skills/data-client-react
npx openskills install reactive/data-client/.agents/skills/data-client-react-testing
npx openskills install reactive/data-client/.agents/skills/data-client-rest-setup
npx openskills install reactive/data-client/.agents/skills/data-client-graphql-setup
npx openskills install reactive/data-client/.agents/skills/data-client-endpoint-setup

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-react — uses useSuspense, useFetch, useQuery, useLive, and mutation hooks, and debugs your running app from a browser tool such as Cursor's browser, Chrome DevTools MCP, or Playwright MCP.
• /data-client-react-testing — writes React tests with renderDataHook, fixtures, interceptors, 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.