AgentSkillsCN

graphql-frontend

在前端开发中，运用 Apollo Client GraphQL 的规范，结合 Fragment 的共置策略、页面级查询，以及代码生成工具，助力您高效编写 GraphQL 查询、变更或 Fragment。当您在 Next.js 应用中编辑 GraphQL 查询、变更或 Fragment 时，此技能将助您事半功倍。

SKILL.md
--- frontmatter
name: graphql-frontend
description: Apollo Client GraphQL frontend conventions with colocated fragments, page queries, and codegen in frontend/. Use when editing GraphQL queries, mutations, or fragments in the Next.js app.

Graphql Frontend

Overview

Follow the project's Apollo Client GraphQL conventions for the Next.js frontend.

Guidelines

  • •Read references/graphql-frontend.md before editing GraphQL usage.
  • •Apply the conventions to files under frontend/app and shared GraphQL code.
  • •After GraphQL changes, run the documented codegen command.