Agent Skills

A maneira mais rápida de começar é deixar um AI Agent fazer a instalação usando a skill /data-client-setup.

Instalação

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

Em seguida, execute a skill /data-client-setup. Ela detecta seu framework e o estilo da sua API (REST, GraphQL, personalizada), instala as skills correspondentes listadas abaixo, configura o provider e migra os endpoints existentes.

Instalar todas as skills de antemão

Para instalar agora todas as skills do seu framework, sem deixar o agent executar as instalações:

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-vue \
  --skill data-client-vue-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-vue
npx openskills install reactive/data-client/.agents/skills/data-client-vue-testing

Claude Code

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

Skills disponíveis

• /data-client-setup — instala e configura o Data Client para o seu framework e estilo de API, junto com as skills de que ele precisa.
• /data-client-rest-setup — configura o @data-client/rest e migra clientes fetch/axios existentes.
• /data-client-endpoint-setup — envolve funções assíncronas personalizadas com Endpoint para fluxos que não são REST nem GraphQL.
• /data-client-graphql-setup — configura @data-client/graphql e GQLEndpoint para APIs GraphQL.
• /data-client-schema — projeta Entity, Collection, Union, Query e schemas relacionados.
• /data-client-rest — define APIs REST com resource(), RestEndpoint, métodos CRUD e parsing de respostas.
• /data-client-manager — implementa Managers personalizados para websockets, SSE, polling, subscriptions, logging e middleware.

• /data-client-vue — usa useSuspense, useFetch, useQuery, useLive e composables de mutação com DataClientPlugin, e depura seu app em execução com o Chrome DevTools MCP.
• /data-client-vue-testing — escreve testes de Vue com renderDataCompose, mountDataClient, fixtures e nock.

Veja o catálogo completo em skills.sh/reactive/data-client.

Docs para LLMs

Agents sem skills podem ler estes docs como markdown simples, seguindo a convenção llms.txt:

• llms.txt — índice de todas as páginas, com links para o markdown de cada uma
• llms-full.txt — todos os docs de Vue, REST e GraphQL em um único arquivo

Qualquer página dos docs também está disponível como markdown adicionando .md à sua URL, como /vue/api/useSuspense.md.