Build type-safe GraphQL clients with Zeus and React Query.
npx skills add https://github.com/aexol-studio/axolotl --skill zeus-graphql
Please help me install this Agent Skill. Skill: zeus-graphql Source: https://github.com/aexol-studio/axolotl/tree/main/examples/new/.opencode/skills/zeus-graphql Command: npx skills add https://github.com/aexol-studio/axolotl --skill zeus-graphql
Type-safe GraphQL client integration in React apps, enabling strong typing, seamless data fetching with React Query, and consistent API usage across components.
Install the Zeus client and wire it into your React app to start making type-safe GraphQL queries.
High-intent search queries and answers about installing and using this skill.
Type-safe GraphQL with React Query is achieved by applying a schema-first workflow using Zeus wrappers for queries and mutations, generating TypeScript types that ensure seamless data fetching and consistent API usage across components.
Maintaining TypeScript types for GraphQL queries is best handled through selector-based type derivation, which enforces a schema-first workflow to automatically generate and synchronize types as your GraphQL backend evolves without manual type maintenance.
Zeus integrates with React Query by wrapping queries and mutations in dedicated API layers, enabling React Query to handle cache management, loading states, and automatic refetching while preserving end-to-end type safety.
Yes, you can use selectors to derive consistent types across React components, ensuring that the type-safe GraphQL data fetched via Zeus maintains strict type safety and consistent shapes throughout your application.
Yes, a schema-first workflow is required to use type-safe GraphQL mutations, as it allows the Zeus client to automatically generate the necessary TypeScript types for variables, queries, and mutations based on your GraphQL schema.
aexol-studioExtend Deenruv GraphQL APIs with new types and resolvers.
MacPhobosManage asynchronous server state in React applications with TanStack Query.
fellipeutakaConfigure type-safe routing, data loading, and navigation for React SPAs.
tenequmManage React server-state with TanStack Query queries, mutations, and caching.
