Does this skill handle real-time updates?

Yes, it includes specialized patterns for WebSocket integration, Server-Sent Events (SSE), and efficient polling strategies to keep UI data fresh.

Can it help with complex state management like optimistic updates?

Absolutely. It provides specific implementation patterns for immediate UI feedback with automatic rollback capabilities if a server request fails.

Is it compatible with TypeScript?

Yes, all provided patterns, custom hooks, and API client configurations are designed for full type safety using TypeScript interfaces.

How does it handle API security and authentication?

It implements best practices for authentication, including Axios interceptors for JWT injection, token refresh logic, and handling 401/403 error states.

Which data-fetching libraries are supported?

The skill supports React Query (TanStack Query), SWR, RTK Query, and Apollo Client for GraphQL, along with standard Axios or Fetch implementations.

API Integration Architect

Name: API Integration Architect
Author: deve1993

bydeve1993

•

API開発

Architects robust API integration layers for React applications using industry-leading data fetching and state management libraries.

The API Integration Architect skill empowers Claude to design and implement sophisticated data-fetching architectures within React ecosystems. It specializes in integrating REST and GraphQL services through modern tools like TanStack Query (React Query), SWR, and Apollo Client. Beyond simple fetching, the skill excels at implementing complex patterns such as optimistic UI updates, multi-level caching strategies, real-time WebSocket communication, and efficient error handling with automatic retries. It is particularly useful for developers building data-intensive web applications that require seamless synchronization between the client and server while maintaining a high-performance user experience.

主な機能

01Sophisticated GraphQL integration with Apollo Client and type-safe code generation

02Implementation of React Query, SWR, and RTK Query for async state management

03Standardized API client configuration with Axios interceptors and robust error handling

04Optimistic UI updates and advanced caching strategies for zero-latency user experiences

051 GitHub stars

06Real-time communication setup via WebSockets and Server-Sent Events (SSE)

ユースケース

01Developing offline-capable applications with robust optimistic update rollbacks and cache invalidation.

02Implementing infinite scroll or paginated lists with efficient server-side filtering and query parameters.

03Building complex dashboards that require real-time data synchronization and background polling.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add deve1993/quickfy-website api-integration-architect

For use in Claude.ai and ChatGPT

Download Skill