Shopify Storefront Graphql

This one's for building custom Shopify storefronts when you need direct control over GraphQL queries and mutations. It's got built-in search and validation scripts that hit Shopify's docs before you write code, which honestly saves you from guessing at field names or valid enum values. The workflow is strict: search the vector store, write your query, validate before shipping. If validation fails, it walks you through a fix loop using the actual error messages. Note that this is specifically for GraphQL work, not for Web Components. If your project involves tags like <shopify-cart>, you want the storefront-web-components skill instead. Good for headless builds where you're rendering your own UI.

Install to Claude Code

npx -y skills add shopify/shopify-ai-toolkit --skill shopify-storefront-graphql --agent claude-code