Agent Skills

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

Claude Code

claude plugin marketplace add reactive/data-client
claude plugin install react@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-react — usa useSuspense, useFetch, useQuery, useLive y los hooks de mutación, y depura tu aplicación en ejecución con Chrome DevTools MCP.
• /data-client-react-testing — escribe pruebas de React con renderDataHook, fixtures, interceptors 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 React, 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 /docs/api/useSuspense.md.