Agent Skills

nota

El original en inglés cambió después de esta traducción, así que puede estar desactualizada.

La forma más rápida de empezar es dejar que un agente de IA lo instale usando la skill /data-client-setup.

Instalación

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

Luego ejecuta la skill /data-client-setup. Detecta tu framework y tu estilo de API (REST, GraphQL, personalizado), instala las skills correspondientes de la lista de abajo, configura el provider y migra los endpoints existentes.

Instalar todas las skills desde el principio

Para instalar ahora todas las skills de tu framework, sin dejar que tu agente ejecute las instalaciones:

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 disponibles

• /data-client-setup — instala y configura Data Client para tu framework y estilo de API, junto con las skills que necesita.
• /data-client-rest-setup — configura @data-client/rest y migra los clientes fetch/axios existentes.
• /data-client-endpoint-setup — envuelve funciones asíncronas personalizadas con Endpoint para flujos de trabajo que no son REST ni GraphQL.
• /data-client-graphql-setup — configura @data-client/graphql y GQLEndpoint para APIs GraphQL.
• /data-client-schema — diseña Entity, Collection, Union, Query y schemas relacionados.
• /data-client-rest — define APIs REST con resource(), RestEndpoint, métodos CRUD y análisis de respuestas.
• /data-client-manager — implementa Managers personalizados para websockets, SSE, sondeo (polling), suscripciones, registro de logs y middleware.

• /data-client-vue — usa useSuspense, useFetch, useQuery, useLive y los composables de mutación con DataClientPlugin, y depura tu aplicación en ejecución con Chrome DevTools MCP.
• /data-client-vue-testing — escribe pruebas de Vue con renderDataCompose, mountDataClient, fixtures y nock.

Explora el catálogo completo en skills.sh/reactive/data-client.

Documentación para LLMs

Los agentes sin skills pueden leer esta documentación como markdown simple, siguiendo la convención llms.txt:

• llms.txt — índice de todas las páginas, con enlaces al markdown de cada una
• llms-full.txt — toda la documentación de Vue, REST y GraphQL en un solo archivo

Cualquier página de la documentación también está disponible como markdown añadiendo .md a su URL, por ejemplo /vue/api/useSuspense.md.