Agent Skills

nota

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

Instala skills para obtener los mejores resultados

Los agentes aciertan con lo básico solo con el nombre del paquete. Las skills les enseñan las APIs actuales para el resto, como los fixtures de prueba y los managers en tiempo real. Instala la skill /data-client-setup:

Claude Code plugin

Terminal

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

Ejecútalo en tu terminal

Cursor plugin

Copiar el prompt para Cursor

Codex plugin

Terminal

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

Ejecútalo en tu terminal

Skills CLI

Terminal

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

Ejecútalo en tu terminal

OpenSkills

Terminal

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

Ejecútalo en tu terminal

Luego ejecútala en el chat de tu agente:

Copiar el prompt para tu agente de programación

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:

Claude Code plugin

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

Ejecútalo en tu terminal

Cursor plugin

Copiar el prompt para Cursor

Codex plugin

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

Ejecútalo en tu terminal

Installed packages

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

Ejecútalo en tu 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

Ejecútalo en tu 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

Ejecútalo en tu terminal

En Claude Code, el plugin las instala en un solo paso. Con otros agentes, TanStack Intent carga las skills que cada paquete @data-client/* incluye para su versión, así que se actualizan con npm update. Su instalación añade una sección de carga de skills a tu AGENTS.md.

Skills disponibles

• /data-client — es el punto de partida cuando le pides a tu agente que agregue o use Data Client, y lo dirige a la configuración o a la skill adecuada para la tarea.
• /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.

Configuración manual

Para instalar los paquetes y añadir el provider tú mismo, sigue Instalación.

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.