Skip to main content

Agent Skills

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

Install​

npx skills add reactive/data-client --skill 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:

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-vue \
  --skill data-client-vue-testing

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-vue — uses useSuspense, useFetch, useQuery, useLive, and mutation composables with DataClientPlugin.
  • /data-client-vue-testing — writes Vue tests with renderDataCompose, mountDataClient, fixtures, and nock.

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

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 Vue, REST and GraphQL docs in one file

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