Does this skill support React Query v5?

Yes, it is specifically designed for React Query v5 patterns, including the use of isPending and the removal of legacy callbacks like onSuccess/onError in useQuery.

How does it handle API base URLs?

It enforces the use of environment variables to configure the API client base URL, ensuring your application works correctly across development, staging, and production environments.

Can I use this skill if I don't have an OpenAPI spec?

No, this skill relies on an OpenAPI schema as the single source of truth. If you don't have one, you should consider generating one first or using alternative patterns like tRPC.

Why should I use generated query options instead of custom hooks?

Generated options provide full type safety and consistent naming conventions derived directly from your OpenAPI schema, preventing type drift and reducing boilerplate code.

React Query & OpenAPI Generator

Name: React Query & OpenAPI Generator
Author: agents-inc

byagents-inc

•

API 开发

Generates type-safe React Query hooks and API clients from OpenAPI specifications using hey-api for seamless server state management.

This skill streamlines frontend development by automating the creation of type-safe data fetching layers. By leveraging the hey-api code generator and TanStack React Query v5, it ensures that your application's state management stays perfectly synchronized with your OpenAPI schema, eliminating manual typing errors and reducing boilerplate. It enforces industry best practices such as centralized client configuration, named constants for timing, and the use of generated query options to maintain a robust, scalable, and predictable codebase.

主要功能

01Built-in support for debounced and conditional fetching patterns

021 GitHub stars

03Automated code generation from OpenAPI specs using hey-api

04Standardized API client configuration via environment variables

05Global error handling and retry logic patterns for React Query v5

06Fully typed React Query hooks and query options for zero-drift development

使用场景

01Building a React frontend for a REST API documented with OpenAPI/Swagger

02Migrating legacy fetching layers to TanStack React Query v5 with full type safety

03Synchronizing frontend types with backend changes automatically during the build process

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-server-state-react-query

For use in Claude.ai and ChatGPT

主要功能

01Built-in support for debounced and conditional fetching patterns

021 GitHub stars

03Automated code generation from OpenAPI specs using hey-api

04Standardized API client configuration via environment variables

05Global error handling and retry logic patterns for React Query v5

06Fully typed React Query hooks and query options for zero-drift development

使用场景

01Building a React frontend for a REST API documented with OpenAPI/Swagger

02Migrating legacy fetching layers to TanStack React Query v5 with full type safety

03Synchronizing frontend types with backend changes automatically during the build process

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-server-state-react-query

For use in Claude.ai and ChatGPT