Skill

graphql-expert

GraphQL API expertise from Meta - the company that created GraphQL. Build efficient, type-safe APIs with powerful querying capabilities. Use when building GraphQL APIs, implementing GraphQL clients, or migrating from REST to GraphQL. Learn GraphQL from Facebook/Instagram's production experience.

npx claudepluginhub duylinhdang1998/claude-template-agent --plugin vfm-agent-company

Tool Access

This skill uses the workspace's default tool permissions.

Preview

**Expert**: Sarah Chen (Meta React Core Team, 12 years)

Supporting Assets

references/client.mdreferences/optimization.mdreferences/resolvers.mdreferences/schema.md

SKILL.md

Similar Skills

skill-lookup

159.9k

Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.

prompts.chat

prompt-lookup

159.9k

Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.

prompts.chat

next-compile

139.2k

Checks Next.js compilation errors using a running Turbopack dev server after code edits. Fixes actionable issues before reporting complete. Replaces `next build`.

1 file

vercel-next-js-2

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitApr 16, 2026

Actions

View Source View Plugin View on GitHub View README

GraphQL Expert - Meta Created GraphQL

Expert: Sarah Chen (Meta React Core Team, 12 years) Level: 9/10 - Meta created GraphQL in 2012

Overview

GraphQL from Meta (Facebook) - created to solve API inefficiencies at scale. Used by Instagram, Facebook, GitHub, Shopify, and thousands of companies.

Why Meta Created GraphQL (2012)

The Problem:

Facebook mobile app made 100+ REST API calls per screen
Over-fetching: Getting data you don't need
Under-fetching: Making multiple requests for related data
API versioning nightmare (v1, v2, v3...)

The Solution: GraphQL

Client specifies exactly what data it needs
One request, all data
Strongly typed schema
No versioning needed

Core Workflow

Define schema - GraphQL types and relationships (see references/schema.md)
Implement resolvers - Business logic to fetch data (see references/resolvers.md)
Client queries - Fetch exactly what you need (see references/client.md)
Optimize - DataLoader for N+1 prevention (see references/optimization.md)

Key Concepts

Schema-First Development

Define your API contract in GraphQL schema language, then implement resolvers.

DataLoader Pattern

Meta created DataLoader to solve N+1 query problems. See references/optimization.md for details.

Relay Cursor Connections

Meta's pattern for pagination in GraphQL. See references/schema.md for implementation.

Meta's GraphQL at Scale

Instagram

3 billion users
GraphQL replaced 100+ REST endpoints
Single GraphQL endpoint handles all data
Relay for efficient data fetching

Facebook

Largest GraphQL deployment
Thousands of types in schema
Billions of queries per day
Relay Compiler for optimization

Best Practices

Use Relay Cursor Connections for pagination
DataLoader for N+1 prevention
Strongly typed schema with TypeScript
Persisted queries for security
Query complexity limits to prevent abuse

Related Skills

react-expert - React + GraphQL
typescript-master - Type-safe GraphQL
node-backend - GraphQL server

Last Updated: 2026-02-03 Expert: Sarah Chen (Meta, 12 years) - Meta created GraphQL