Agent Skills

observação

O original em inglês mudou depois desta tradução, então ela pode estar desatualizada.

Instale as skills para obter os melhores resultados

Os agents acertam o básico só pelo nome do pacote. As skills ensinam a eles as APIs atuais para o restante, como fixtures de teste e managers em tempo real. Instale a skill /data-client-setup:

Claude Code plugin

Terminal

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

Execute no seu terminal

Cursor plugin

Copiar o prompt para o Cursor

Codex plugin

Terminal

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

Execute no seu terminal

Skills CLI

Terminal

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

Execute no seu terminal

OpenSkills

Terminal

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

Execute no seu terminal

Em seguida, execute-a no chat do seu agent:

Copiar o prompt para o seu agente de programação

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:

Claude Code plugin

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

Execute no seu terminal

Cursor plugin

Copiar o prompt para o Cursor

Codex plugin

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

Execute no seu terminal

Installed packages

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

Execute no seu 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-vue \
  --skill data-client-vue-testing \
  --skill data-client-rest-setup \
  --skill data-client-graphql-setup \
  --skill data-client-endpoint-setup

Execute no seu 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-vue
npx openskills install reactive/data-client/.agents/skills/data-client-vue-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

Execute no seu terminal

No Claude Code, o plugin as instala em uma única etapa. Com outros agents, o TanStack Intent carrega as skills que cada pacote @data-client/* inclui para a sua versão, então elas são atualizadas com npm update. Sua instalação adiciona uma seção de carregamento de skills ao seu AGENTS.md.

Skills disponíveis

• /data-client — é o ponto de partida quando você pede ao seu agent para adicionar ou usar o Data Client, e o encaminha para a configuração ou para a skill da tarefa.
• /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.

Configurar manualmente

Para instalar os pacotes e adicionar o provider por conta própria, siga a Instalação.

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.