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. Install skill /data-client-setup:
- Claude Code plugin
- Skills CLI
- OpenSkills
claude plugin marketplace add reactive/data-client
claude plugin install core@data-client
npx skills add reactive/data-client --skill data-client-setup
npx openskills install reactive/data-client/.agents/skills/data-client-setup
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:
- Claude Code plugin
- TanStack Intent
- Skills CLI
- OpenSkills
claude plugin marketplace add reactive/data-client
claude plugin install react@data-client
# run after installing Data Client: loads the skills its packages ship
npm install -D @tanstack/intent
npx intent install
npx skills add reactive/data-client \
--skill 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
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-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
In Claude Code, the plugin installs them in one step. With other agents,
TanStack Intent loads the skills each @data-client/* package ships for its version,
so they update with npm update. Its install adds a skill loading section to your AGENTS.md.
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/restand migrates existingfetch/axiosclients./data-client-endpoint-setup— wraps custom async functions withEndpointfor non-REST and non-GraphQL workflows./data-client-graphql-setup— configures@data-client/graphqlandGQLEndpointfor GraphQL APIs./data-client-schema— designsEntity,Collection,Union,Query, and related schemas./data-client-rest— defines REST APIs withresource(),RestEndpoint, CRUD methods, and response parsing./data-client-manager— implements customManagers for websockets, SSE, polling, subscriptions, logging, and middleware.
/data-client-react— usesuseSuspense,useFetch,useQuery,useLive, and mutation hooks, and debugs your running app with Chrome DevTools MCP./data-client-react-testing— writes React tests withrenderDataHook, fixtures, interceptors, andnock.
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.
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.