Agent Native

shopify-storefront-graphql

This skill provides GraphQL query and mutation capabilities for building custom Shopify storefronts with direct data fetching and cart operations.

by ShopifyOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (Shopify)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode, claude.ai and API
License
MIT (permissive)
Pin
26d0623pinned Oct 9, 2026
Context cost
about 76 tokenswhen the skill loads
GitHub stars
591on shopify/shopify-ai-toolkit
Scripts
None found

What it does

“Use for custom storefronts requiring direct GraphQL queries/mutations for data fetching and cart operations. Choose this when you need full control over data fetching and rendering your own UI. NOT for Web Components - if the prompt mentions HTML tags like <shopify-store>, <shopify-cart>, use storefront-web-components instead.”
The author's description, from SKILL.md

Generated summary from the skill's own text

This skill provides GraphQL query and mutation capabilities for building custom Shopify storefronts with direct data fetching and cart operations. It is now deprecated and replaced by the shopify skill, which should be installed instead.

When to use it

  • Building custom storefronts with full control over data fetching
  • Implementing custom UI rendering for Shopify products
  • Performing direct GraphQL mutations for cart operations
  • Projects requiring tailored Shopify integration beyond standard components

When not to

  • Using Shopify Web Components like shopify-store or shopify-cart tags
  • New projects should use the replacement shopify skill instead

Install

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add shopify/shopify-ai-toolkit --skill shopify-storefront-graphql

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install shopify/shopify-ai-toolkit shopify-storefront-graphql@26d0623f98a5f27c1e8449d0e230259879cd9257

Installs the commit we checked (26d0623).

Copy by hand

Download the folder at 26d0623 and put it in .claude/skills/shopify-storefront-graphql for Claude Code and in .agents/skills/shopify-storefront-graphql for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at 26d0623

Claude Code plugin

/plugin install liquid-skills@claude-plugins-official

The publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.

Claude Code plugin

/plugin install shopify-ai-toolkit@claude-plugins-official

The publisher's plugin in Claude's official marketplace. It may hold more than this skill, and we have not pinned it.

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "shopify-storefront-graphql" by Shopify.

Source, pinned to commit 26d0623f98a5f27c1e8449d0e230259879cd9257:
https://github.com/shopify/shopify-ai-toolkit/tree/26d0623f98a5f27c1e8449d0e230259879cd9257/deprecated/shopify-storefront-graphql

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/shopify-storefront-graphql/ for Claude Code and .agents/skills/shopify-storefront-graphql/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Listing and checks: https://www.agentnative.dev/skills/shopify/shopify-storefront-graphql

SKILL.md at the pin

---
name: shopify-storefront-graphql
description: "Use for custom storefronts requiring direct GraphQL queries/mutations for data fetching and cart operations. Choose this when you need full control over data fetching and rendering your own UI. NOT for Web Components - if the prompt mentions HTML tags like <shopify-store>, <shopify-cart>, use storefront-web-components instead."
---

# shopify-storefront-graphql (deprecated)

This skill is deprecated and replaced by `shopify`. Tell the user: "shopify-storefront-graphql is deprecated. Run `npx skills remove shopify-storefront-graphql` (add `-g` for a global install) and `npx skills add shopify/shopify-ai-toolkit --skill shopify`."

From shopify/shopify-ai-toolkit at 26d0623, shown as plain text under its license: MIT (permissive). The license text is in LICENSE.

View SKILL.md on GitHub at 26d0623

Files

1 file, 688 B in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at 26d0623
All 26 skills from Shopify

More from Shopify

  • shopify

    This skill enables agents to work across Shopify's entire developer platform, including Admin API, Storefront GraphQL, Shopify Functions, CLI operations, and…

    Contains scripts

    Claude Code · about 3.9K tokens · pinned 6 days ago

  • shopify-admin

    This skill is deprecated and has been replaced by the shopify skill.

    Claude Code, Codex, Cursor +4 · about 66 tokens · pinned 6 days ago

  • shopify-app-pricing

    This skill is deprecated and has been replaced by the shopify skill.

    Claude Code, Codex, Cursor +4 · about 71 tokens · pinned 6 days ago

  • shopify-app-store-review

    This skill is deprecated and has been replaced by the shopify skill.

    Claude Code, Codex, Cursor +4 · about 75 tokens · pinned 6 days ago

  • shopify-custom-data

    This skill manages custom data storage in Shopify through Metafields and Metaobjects.

    Claude Code, Codex, Cursor +4 · about 71 tokens · pinned 6 days ago

  • shopify-customer

    This skill is deprecated and no longer maintained.

    Claude Code, Codex, Cursor +4 · about 69 tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • shopify-hydrogen

    This skill provides cookbooks and recipes for building Shopify Hydrogen storefronts, including B2B commerce, bundles, subscriptions, and integrations.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 69 tokens · pinned 6 days ago

  • apollo-client

    This skill guides building React applications with Apollo Client 4.x for managing GraphQL queries, mutations, and state.

    by Apollo GraphQLOfficial publisher

    Claude Code, Codex, Cursor +4 · about 1.7K tokens · pinned 6 days ago

  • shopify-liquid

    This skill is deprecated and has been replaced by the shopify skill.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 67 tokens · pinned 6 days ago

  • shopify-polaris-admin-extensions

    This skill enables building custom actions and blocks for the Shopify Admin interface, including App Home UI extensions that render app landing pages natively.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 81 tokens · pinned 6 days ago

  • shopify-polaris-app-home

    This skill is deprecated.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 75 tokens · pinned 6 days ago

  • shopify-polaris-customer-account-extensions

    This skill is deprecated and no longer maintained.

    by ShopifyOfficial publisher

    Claude Code, Codex, Cursor +4 · about 89 tokens · pinned 6 days ago

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use