GraphQL Operations with Codegen
ChrisWiles/claude-code-showcase
Sets the rules for writing GraphQL queries and mutations in .gql files, running codegen, and using generated Apollo hooks with proper error and loading handling.
GraphQL gives clients exactly the data they need - no more, no less.
Install Graphql
$ npx skills add davila7/claude-code-templates --skill graphql -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install davila7/claude-code-templates graphql --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/davila7/claude-code-templates.git skills-src && mkdir -p .claude/skills && cp -r skills-src/cli-tool/components/skills/development/graphql .claude/skills/graphql && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "graphql" agent skill from https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphql into .claude/skills/graphql/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "graphql", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphqlType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add davila7/claude-code-templates --skill graphql -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install davila7/claude-code-templates graphql --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/davila7/claude-code-templates.git skills-src && mkdir -p .agents/skills && cp -r skills-src/cli-tool/components/skills/development/graphql .agents/skills/graphql && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "graphql" agent skill from https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphql into .agents/skills/graphql/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "graphql", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add davila7/claude-code-templates --skill graphql -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install davila7/claude-code-templates graphql --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/davila7/claude-code-templates.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/cli-tool/components/skills/development/graphql .cursor/skills/graphql && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "graphql" agent skill from https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphql into .cursor/skills/graphql/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "graphql", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/development/graphql--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add davila7/claude-code-templates --skill graphql -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install davila7/claude-code-templates graphql --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/davila7/claude-code-templates.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/cli-tool/components/skills/development/graphql .gemini/skills/graphql && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "graphql" agent skill from https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphql into .gemini/skills/graphql/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "graphql", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install davila7/claude-code-templates graphqlInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add davila7/claude-code-templates --skill graphql -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/davila7/claude-code-templates.git skills-src && mkdir -p .github/skills && cp -r skills-src/cli-tool/components/skills/development/graphql .github/skills/graphql && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "graphql" agent skill from https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphql into .github/skills/graphql/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "graphql", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add davila7/claude-code-templates --skill graphql -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install davila7/claude-code-templates graphql --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/davila7/claude-code-templates.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/cli-tool/components/skills/development/graphql .opencode/skills/graphql && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "graphql" agent skill from https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/graphql into .opencode/skills/graphql/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "graphql", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
graphql- GitHub stars
- 32k
- Used in
- 4 other repos
- Token cost
- ~625 tokens
- SKILL.md length
- 225 words
- Files
- 1
- Skills in repo
- 477
- Repo updated
- First seen
- Licence
- MIT
At a glance
GraphQL gives clients exactly the data they need - no more, no less.
- Tasks that involve GraphQL
- SKILL.md covers Capabilities, Patterns, Anti-Patterns and ⚠️ Sharp Edges, plus 1 more section
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Graphql is an agent skill from davila7/claude-code-templates. GraphQL gives clients exactly the data they need - no more, no less. One endpoint, typed schema, introspection. But the flexibility that makes it powerful also makes it dangerous. Without proper controls, clients can craft queries that bring down your server. This skill covers schema design, resolvers, DataLoader for N+1 prevention, federation for microservices, and client integration with Apollo/urql. Key insight: GraphQL is a contract. The schema is the API documentation. Design it carefully.
Its SKILL.md is about 630 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Backend & APIs, covering GraphQL. It works with GraphQL and Apollo GraphQL. The repository describes itself as: CLI tool for configuring and monitoring Claude Code. The licence is MIT.
When your agent uses it
- Tasks that involve GraphQL
Example prompts
- “/graphql”
What it can do on your machine
Read from SKILL.md and the folder at commit 4c82aba. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Graphql loads about 625 tokens when it runs. Until then it costs about 127 tokens; SKILL.md has 225 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from davila7/claude-code-templates at commit 4c82aba, republished under its MIT licence (© davila7). 225 words, ~625 tokens.
Download SKILL.mdSave it as
.claude/skills/graphql/SKILL.md (or your agent's skills folder).- name
- graphql
- description
- GraphQL gives clients exactly the data they need - no more, no less. One endpoint, typed schema, introspection. But the flexibility that makes it powerful also makes it dangerous. Without proper controls, clients can craft queries that bring down your server. This skill covers schema design, resolvers, DataLoader for N+1 prevention, federation for microservices, and client integration with Apollo/urql. Key insight: GraphQL is a contract. The schema is the API documentation. Design it carefully.
- source
- vibeship-spawner-skills (Apache 2.0)
GraphQL
You're a developer who has built GraphQL APIs at scale. You've seen the N+1 query problem bring down production servers. You've watched clients craft deeply nested queries that took minutes to resolve. You know that GraphQL's power is also its danger.
Your hard-won lessons: The team that didn't use DataLoader had unusable APIs. The team that allowed unlimited query depth got DDoS'd by their own clients. The team that made everything nullable couldn't distinguish errors from empty data. You've l
Capabilities
- graphql-schema-design
- graphql-resolvers
- graphql-federation
- graphql-subscriptions
- graphql-dataloader
- graphql-codegen
- apollo-server
- apollo-client
- urql
Patterns
Schema Design
Type-safe schema with proper nullability
DataLoader for N+1 Prevention
Batch and cache database queries
Apollo Client Caching
Normalized cache with type policies
Anti-Patterns
❌ No DataLoader
❌ No Query Depth Limiting
❌ Authorization in Schema
⚠️ Sharp Edges
| Issue | Severity | Solution |
|---|---|---|
| Each resolver makes separate database queries | critical | # USE DATALOADER |
| Deeply nested queries can DoS your server | critical | # LIMIT QUERY DEPTH AND COMPLEXITY |
| Introspection enabled in production exposes your schema | high | # DISABLE INTROSPECTION IN PRODUCTION |
| Authorization only in schema directives, not resolvers | high | # AUTHORIZE IN RESOLVERS |
| Authorization on queries but not on fields | high | # FIELD-LEVEL AUTHORIZATION |
| Non-null field failure nullifies entire parent | medium | # DESIGN NULLABILITY INTENTIONALLY |
| Expensive queries treated same as cheap ones | medium | # QUERY COST ANALYSIS |
| Subscriptions not properly cleaned up | medium | # PROPER SUBSCRIPTION CLEANUP |
Related Skills
Works well with: backend, postgres-wizard, nextjs-app-router, react-patterns
© davila7, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in cli-tool/components/skills/development/graphql of davila7/claude-code-templates.
Open the folder on GitHubat commit 4c82aba
Used in 4 other repositories
We found 13 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 4 other GitHub owners. This page covers the copy in davila7/claude-code-templates, which our catalogue first saw on October 7, 2026.
- majiayu000/claude-skill-registryskills/api/graphql-byteworthy-upstreamskills/api/graphql-nhile-team-webs-nedu+6 more
- agent-skills-hub/agent-skills-hubskills/graphql
- benjaminasterA/antigravity-awesome-skillsskills/graphql
- henryalouf/ruflow.agents/skills/antigravity-awesome-skills/skills/graphql.agents/skills/antigravity-awesome-skills/plugins/antigravity-awesome-skills/skills/graphql+1 more
Compare with similar skills
Graphql next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Graphql this skilldavila7/claude-code-templates | 32k | 4 repos | ~625 | Automated safety check: Pass | MIT | |
| GraphQL Operations with CodegenChrisWiles/claude-code-showcase | 6.1k | 3 repos | ~1.5k | Automated safety check: Pass | None | |
| Apollo Clientapollographql/skills | 116 | — | ~1.9k | Automated safety check: Pass | MIT | |
| Apollo Serverapollographql/skills | 116 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Apollo Routerapollographql/skills | 116 | — | ~5.4k | Automated safety check: Pass | MIT | |
| Neo4j Graphql Skillneo4j-contrib/neo4j-skills | 114 | — | ~3.8k | Automated safety check: Notes | MIT |
Similar skills
Apollo Client
apollographql/skills
Guide for building React applications with Apollo Client 4.x.
Apollo Server
apollographql/skills
Guide for building GraphQL servers with Apollo Server 5.x. An agent skill from apollographql/skills.
Apollo Router
apollographql/skills
Version-aware guide for configuring and running Apollo Router for federated GraphQL supergraphs.
Neo4j Graphql Skill
neo4j-contrib/neo4j-skills
Build and configure a GraphQL API backed by Neo4j using @neo4j/graphql v7 (current) or v5 (LTS).
Graphql
aiskillstore/marketplace
GraphQL gives clients exactly the data they need - no more, no less.
More from davila7/claude-code-templates
All 477 skills in this repoPerplexity Web Search
davila7/claude-code-templates
Runs web-grounded searches through Perplexity's Sonar models over OpenRouter for current events, recent literature and cited facts beyond the model's training cutoff.
Neuropixels Data Analysis
davila7/claude-code-templates
Analyzes Neuropixels recordings from SpikeGLX or Open Ephys through preprocessing, drift correction, Kilosort4 spike sorting, quality metrics and curation.
Scientific Venue Templates
davila7/claude-code-templates
Supplies LaTeX templates and formatting rules for journals, conferences, posters, and grant proposals, then can check a draft against them.
Brand Voice Content Creator
davila7/claude-code-templates
Analyzes a brand's existing writing to lock in a consistent voice, then builds SEO blog posts and platform-specific social content around it.
CAPA Officer
davila7/claude-code-templates
Guides corrective and preventive action (CAPA) work in a quality management system, from initiation and root cause analysis through effectiveness verification.
Fda Consultant Specialist
davila7/claude-code-templates
Senior FDA consultant and specialist for medical device companies including HIPAA compliance and requirement management.
Related
Works with
Categories
Questions about Graphql
What does Graphql do?
GraphQL gives clients exactly the data they need - no more, no less. Graphql is an agent skill from davila7/claude-code-templates. GraphQL gives clients exactly the data they need - no more, no less.
When should I use Graphql?
Graphql fits situations like: tasks that involve GraphQL.
How do I install Graphql in Claude Code?
Run `npx skills add davila7/claude-code-templates --skill graphql -a claude-code`. Or copy the skill folder (cli-tool/components/skills/development/graphql in davila7/claude-code-templates) into .claude/skills/graphql in your project. Claude Code loads it when a task matches its description.
How do I install Graphql in Codex?
Run `npx skills add davila7/claude-code-templates --skill graphql -a codex`. Or copy the skill folder (cli-tool/components/skills/development/graphql in davila7/claude-code-templates) into .agents/skills/graphql in your project. Codex loads it when a task matches its description.
Can I use Graphql in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add davila7/claude-code-templates --skill graphql -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/graphql, .gemini/skills/graphql, .github/skills/graphql and .opencode/skills/graphql in your project.
What does Graphql need to run?
SKILL.md names no scripts, command-line tools or credentials: Graphql is instructions for the agent only.
Does Graphql access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Graphql safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Graphql use?
Graphql is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Graphql use?
About 625 tokens (SKILL.md is roughly 2.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Graphql?
Skills that share tags, products or a category with Graphql: GraphQL Operations with Codegen (ChrisWiles/claude-code-showcase, 6.1k stars), Apollo Client (apollographql/skills, 116 stars), Apollo Server (apollographql/skills, 116 stars) and Apollo Router (apollographql/skills, 116 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Graphql?
davila7 (a GitHub user) maintains it in davila7/claude-code-templates, which has 32,432 GitHub stars. The repository holds 477 skills in this directory. The repository was last updated on October 7, 2026.
Source: davila7/claude-code-templates on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.