Communityコーディング&開発github.com

apollographql/apollo-client

Apollo Client 4.x を使用して React アプリケーションを構築するためのガイド。このスキルは、(1) React プロジェクトに Apollo Client をセットアップする場合、(2) フックを使用して GraphQL クエリやミューテーションを作成する場合、(3) キャッシュやキャッシュポリシーを設定する場合、(4) リアクティブ変数でローカル状態を管理する場合、(5) Apollo Client のエラーやパフォーマンス問題をトラブルシューティングする場合に使用してください。

apollo-client とは?

このスキルは、Apollo Client 4.x を使用した React アプリケーション開発の包括的なガイドです。Apollo Client のセットアップ、GraphQL クエリやミューテーションの実装、キャッシュポリシーの設定、リアクティブ変数によるローカル状態管理、そして一般的なエラーやパフォーマンス問題のトラブルシューティング方法をカバーしています。React と Apollo Client の組み合わせに特化しており、開発者が効率的に GraphQL を活用したアプリケーションを構築できるよう支援します。このスキルは、Apollo Client の公式ドキュメントやベストプラクティスに基づいており、初心者から中級者まで幅広い開発者に役立つ内容です。主に React プロジェクトを対象としていますが、基本的な概念は他のフレームワークにも応用可能です。

対応~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/apollographql/skills/tree/main/skills/apollo-client

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

apollo-client は何をしますか?

Apollo Client 4.x を使用して React アプリケーションを構築するためのガイド。このスキルは、以下の場合に使用してください:

  1. React プロジェクトに Apollo Client をセットアップする場合
  2. フックを使用して GraphQL クエリやミューテーションを作成する場合
  3. キャッシュやキャッシュポリシーを設定する場合
  4. リアクティブ変数でローカル状態を管理する場合
  5. Apollo Client のエラーやパフォーマンス問題をトラブルシューティングする場合

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

apollographql/apollo-connectors

Guide for integrating REST APIs into GraphQL supergraphs using Apollo Connectors with @source and @connect directives. Use this skill when the user: (1) mentions "connectors", "Apollo Connectors", or "REST Connector", (2) wants to integrate a REST API into GraphQL, (3) references @source or @connect directives, (4) works with files containing "# Note to AI Friends: This is an Apollo Connectors schema".

apollographql/apollo-federation

Guide for authoring Apollo Federation subgraph schemas. Use this skill when: (1) creating new subgraph schemas for a federated supergraph, (2) defining or modifying entities with @key, (3) sharing types/fields across subgraphs with @shareable, (4) working with federation directives (@external, @requires, @provides, @override, @inaccessible), (5) troubleshooting composition errors, (6) any task involving federation schema design patterns.

apollographql/apollo-mcp-server

Guide for using Apollo MCP Server to connect AI agents with GraphQL APIs. Use this skill when: (1) setting up or configuring Apollo MCP Server, (2) defining MCP tools from GraphQL operations, (3) using introspection tools (introspect, search, validate, execute), (4) troubleshooting MCP server connectivity or tool execution issues.

apollographql/apollo-router

Version-aware guide for configuring and running Apollo Router for federated GraphQL supergraphs. Generates correct YAML for both Router v1.x and v2.x. Use this skill when: (1) setting up Apollo Router to run a supergraph, (2) configuring routing, headers, or CORS, (3) implementing custom plugins (Rhai scripts or coprocessors), (4) configuring telemetry (tracing, metrics, logging), (5) troubleshooting Router performance or connectivity issues.

apollographql/apollo-server

Guide for building GraphQL servers with Apollo Server 5.x. Use this skill when: (1) setting up a new Apollo Server project, (2) writing resolvers or defining GraphQL schemas, (3) implementing authentication or authorization, (4) creating plugins or custom data sources, (5) troubleshooting Apollo Server errors or performance issues.

apollographql/graphql-operations

Guide for writing GraphQL operations (queries, mutations, fragments) following best practices. Use this skill when: (1) writing GraphQL queries or mutations, (2) organizing operations with fragments, (3) optimizing data fetching patterns, (4) setting up type generation or linting, (5) reviewing operations for efficiency.

apollographql/graphql-schema

Guide for designing GraphQL schemas following industry best practices. Use this skill when: (1) designing a new GraphQL schema or API, (2) reviewing existing schema for improvements, (3) deciding on type structures or nullability, (4) implementing pagination or error patterns, (5) ensuring security in schema design.

apollographql/rover

Guide for using Apollo Rover CLI to manage GraphQL schemas and federation. Use this skill when: (1) publishing or fetching subgraph/graph schemas, (2) composing supergraph schemas locally or via GraphOS, (3) running local supergraph development with rover dev, (4) validating schemas with check and lint commands, (5) configuring Rover authentication and environment, (6) exploring or searching a graph's schema for agent-driven discovery (rover schema describe / rover schema search).

apollographql/rust-best-practices

Guide for writing idiomatic Rust code based on Apollo GraphQL's best practices handbook. Use this skill when: (1) writing new Rust code or functions, (2) reviewing or refactoring existing Rust code, (3) deciding between borrowing vs cloning or ownership patterns, (4) implementing error handling with Result types, (5) optimizing Rust code for performance, (6) writing tests or documentation for Rust projects.

関連スキル