Agent Skills

The quickest way to get started is to let an AI Agent install using skill /data-client-setup.

Install

Skills

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

OpenSkills

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

Claude Code

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

Then run skill /data-client-setup. 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:

Skills

npx skills add reactive/data-client \
  --skill data-client-setup \
  --skill data-client-rest-setup \
  --skill data-client-endpoint-setup \
  --skill data-client-graphql-setup \
  --skill data-client-schema \
  --skill data-client-rest \
  --skill data-client-manager \
  --skill data-client-react \
  --skill data-client-react-testing

OpenSkills

npx openskills install reactive/data-client/.agents/skills/data-client-setup
npx openskills install reactive/data-client/.agents/skills/data-client-rest-setup
npx openskills install reactive/data-client/.agents/skills/data-client-endpoint-setup
npx openskills install reactive/data-client/.agents/skills/data-client-graphql-setup
npx openskills install reactive/data-client/.agents/skills/data-client-schema
npx openskills install reactive/data-client/.agents/skills/data-client-rest
npx openskills install reactive/data-client/.agents/skills/data-client-manager
npx openskills install reactive/data-client/.agents/skills/data-client-react
npx openskills install reactive/data-client/.agents/skills/data-client-react-testing

Claude Code

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

Available Skills

• /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.
• /data-client-react-testing — writes React tests with renderDataHook, fixtures, interceptors, and nock.

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

Debugging with agents

With Chrome DevTools MCP connected, the /data-client-react skill can inspect your running app's store, dispatched actions and network requests. See Debugging with Chrome DevTools MCP for what it does.

Docs for LLMs

Agents without skills can read these docs as plain markdown, following the llms.txt convention:

• llms.txt — index of every page, with links to each page's markdown
• llms-full.txt — all React, REST and GraphQL docs in one file

Any docs page is also available as markdown by adding .md to its URL, like /docs/api/useSuspense.md.