| name | shopify-graphql-reference |
| description | Integrate Shopify-validated Storefront or Customer Account GraphQL into Vercel Shop. Use after Shopify AI Toolkit has supplied and validated an API operation, or when adapting existing GraphQL to the template's operation placement, fragments, domain transforms, locale flow, cache role, invalidation, and route architecture. |
Integrate Shopify GraphQL
Treat Shopify AI Toolkit as authoritative for Shopify documentation, schemas, fields, arguments, enum values, API versions, operation design, and validation. This skill owns only the Vercel Shop integration layer.
Read references/REFERENCE.md before editing.
Delegate Shopify facts first
- Choose the Shopify API:
- Use Shopify AI Toolkit's Storefront GraphQL skill for catalog, search, menus, cart, and public metaobject reads.
- Use its Customer skill for profiles, orders, addresses, and other authenticated customer data.
- Use its custom-data skill first for metafields or metaobjects.
- Search current Shopify documentation and validate the complete operation with that skill.
- Do not copy schema snapshots, field catalogs, or generated API reference into this plugin.
- If Shopify AI Toolkit is unavailable, use official Shopify documentation and validation tooling; do not guess.
Apply the Vercel Shop conventions
- Inspect the consuming route before choosing cache behavior. Classify the read as static-shell content, request-time shared content, or private/request-scoped data.
- Add the operation to the closest file in
lib/shopify/operations/; create a file only for a genuinely new domain.
- Keep
#graphql documents static, end them with as const, and use variables for dynamic values so codegen can validate them.
- Reuse the smallest existing fragment that fits. Extend a shared fragment only when multiple operations need the same selection.