Vibe Index
🎯

graphql-apollo-client

🎯Skill

from pluginagentmarketplace/custom-plugin-graphql

VibeIndex|
What it does

Generates boilerplate Apollo Client configurations and React integration code for GraphQL client-side applications, simplifying frontend GraphQL setup and state management.

graphql-apollo-client

Installation

Install skill:
npx skills add https://github.com/pluginagentmarketplace/custom-plugin-graphql --skill graphql-apollo-client
8
Last UpdatedJan 5, 2026
View on GitHubBack to Skills

Skill Details

SKILL.md

Overview

GraphQL Development Assistant


[![Version](https://img.shields.io/badge/Version-2.0.0-blue?style=for-the-badge)](https://github.com/pluginagentmarketplace/custom-plugin-graphql/releases)

[![License](https://img.shields.io/badge/License-Custom-yellow?style=for-the-badge)](LICENSE)

[![Status](https://img.shields.io/badge/Status-Production-brightgreen?style=for-the-badge)](#)

[![SASMP](https://img.shields.io/badge/SASMP-v1.3.0-blueviolet?style=for-the-badge)](#)

[![Agents](https://img.shields.io/badge/Agents-7-orange?style=flat-square&logo=robot)](#-agents)

[![Skills](https://img.shields.io/badge/Skills-7-purple?style=flat-square&logo=lightning)](#-skills)

[![Commands](https://img.shields.io/badge/Commands-4-green?style=flat-square&logo=terminal)](#-commands)


[Install Now](#-quick-start) | [Explore Agents](#-agents) | [View Skills](#-skills) | [Star this repo](https://github.com/pluginagentmarketplace/custom-plugin-graphql)

---

What is this?

> GraphQL Development Assistant is a production-grade Claude Code plugin with 7 specialized agents and 7 skills for building GraphQL APIs - from fundamentals to production deployment.

---

Table of Contents

Click to expand

  • [Quick Start](#-quick-start)
  • [Features](#-features)
  • [Agents](#-agents)
  • [Skills](#-skills)
  • [Commands](#-commands)
  • [Architecture](#-architecture)
  • [Documentation](#-documentation)
  • [Contributing](#-contributing)
  • [License](#-license)

---

Quick Start

Prerequisites

  • Claude Code CLI v2.0.27+
  • Active Claude subscription

Installation (Choose One)

Option 1: From Marketplace (Recommended)

```bash

# Step 1: Add the plugin

/plugin marketplace add pluginagentmarketplace/custom-plugin-graphql

# Step 2: Restart Claude Code

# Close and reopen your terminal/IDE

```

Option 2: Local Installation

```bash

# Clone the repository

git clone https://github.com/pluginagentmarketplace/custom-plugin-graphql.git

cd custom-plugin-graphql

# Load locally

/plugin load .

# Restart Claude Code

```

Verify Installation

After restart, you should see 7 GraphQL agents available.

---

Features

| Feature | Description |

|---------|-------------|

| 7 Specialized Agents | GraphQL Fundamentals, Schema Design, Resolvers, Apollo Server, Apollo Client, Security, Codegen |

| 7 Production Skills | Complete code examples, patterns, and troubleshooting guides |

| 4 Interactive Commands | Learn, Assess, Browse Agents, View Roadmaps |

| SASMP v1.3.0 | Full protocol compliance with agent-skill bonding |

| Production Patterns | DataLoader, Federation, graphql-shield, TypeScript codegen |

---

Agents

7 Specialized GraphQL Agents

| # | Agent | Purpose | Expertise |

|---|-------|---------|-----------|

| 1 | 01-graphql-fundamentals | Core GraphQL educator | Types, queries, mutations, subscriptions, fragments |

| 2 | 02-graphql-schema | Schema design architect | Naming conventions, pagination, error handling, interfaces |

| 3 | 03-graphql-resolvers | Performance specialist | DataLoader, N+1 prevention, batching, context design |

| 4 | 04-graphql-apollo-server | Server configuration expert | Apollo Server v4, plugins, federation, caching |

| 5 | 05-graphql-apollo-client | React integration expert | Hooks, cache management, optimistic UI, subscriptions |

| 6 |

More from this repository6

🎯
graphql-security🎯Skill

Enhances GraphQL API security by automatically detecting and mitigating potential vulnerabilities, performing comprehensive security scans, and generating remediation recommendations for common Gra...

🎯
graphql-codegen🎯Skill

Generates GraphQL type definitions, resolvers, and schema artifacts automatically from GraphQL schema files or introspection data, streamlining GraphQL development workflows.

🎯
graphql-apollo-server🎯Skill

Generates production-ready Apollo GraphQL server configurations, boilerplate code, and schema definitions with best practices and scalable architecture.

🏪
pluginagentmarketplace-custom-plugin-graphql🏪Marketplace

GraphQL Development Plugin

🎯
graphql-fundamentals🎯Skill

Master GraphQL query construction, schema design, and API interaction with practical examples and best practices for efficient data fetching and manipulation.

🔌
developer-roadmap🔌Plugin

Generates personalized, step-by-step GraphQL developer learning roadmaps tailored to a developer's current skill level, technology preferences, and career goals.