How are optimistic updates handled?

It provides patterns using optimisticResponse and the update callback with cache.modify to ensure immediate UI feedback and proper cache synchronization.

Does this skill support manual TypeScript types for GraphQL?

No, it strictly enforces the use of GraphQL Codegen for all TypeScript types to ensure schema alignment and prevent manual maintenance errors.

Can I use this for REST APIs?

This skill is specifically designed for GraphQL. For RESTful services, you should use a dedicated REST client or the standard fetch API.

Which versions of Apollo Client are supported?

The skill covers modern Apollo Client patterns, specifically focusing on version 3.9+ Suspense features and version 4.0 migration strategies.

Apollo GraphQL Patterns

Name: Apollo GraphQL Patterns
Author: agents-inc

byagents-inc

•

API 开发

Implements advanced Apollo Client patterns for GraphQL data fetching, including normalized caching, optimistic UI, and type-safe codegen integration.

This skill equips Claude Code with standardized, high-performance patterns for implementing Apollo Client in React applications. It covers the full lifecycle of GraphQL data management, from initial client configuration with InMemoryCache and custom type policies to advanced real-time subscriptions and fragment colocation. By enforcing best practices like mandatory GraphQL Codegen and precise cache normalization via keyFields, this skill ensures that applications maintain UI consistency, type safety, and optimal network performance.

主要功能

01Normalized cache management with keyFields and type policies

02Optimistic UI updates and manual cache manipulation with cache.modify

03Type-safe implementation via mandatory GraphQL Codegen patterns

041 GitHub stars

05Real-time data synchronization using modern GraphQL subscriptions

06Support for React Suspense hooks (v3.9+) and background queries

使用场景

01Building complex React applications requiring sophisticated local data caching

02Implementing real-time features like live dashboards or chat via GraphQL

03Refactoring data layers to use modern, type-safe Apollo Client v4 patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-data-fetching-graphql-apollo

For use in Claude.ai and ChatGPT

主要功能

01Normalized cache management with keyFields and type policies

02Optimistic UI updates and manual cache manipulation with cache.modify

03Type-safe implementation via mandatory GraphQL Codegen patterns

041 GitHub stars

05Real-time data synchronization using modern GraphQL subscriptions

06Support for React Suspense hooks (v3.9+) and background queries

使用场景

01Building complex React applications requiring sophisticated local data caching

02Implementing real-time features like live dashboards or chat via GraphQL

03Refactoring data layers to use modern, type-safe Apollo Client v4 patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agents-inc/skills web-data-fetching-graphql-apollo

For use in Claude.ai and ChatGPT