Loading...
Loading...
Build anything on Shopify. One skill covering every Shopify developer surface: Use Shopify CLI, Admin API, ShopifyQL, Storefront GraphQL API, Partner API, Customer Account API, Payments Apps API, Shopify Functions, Polaris App Home, Polaris Admin Extensions, Polaris Checkout Extensions, Polaris Customer Account Extensions, POS UI, Hydrogen, Liquid, Custom Data, Shopify App Pricing, App Store Review, Developer Onboarding, Merchant Onboarding. Use it for any Shopify API, extension, theme, storefront, function, or CLI task — writing or explaining code, looking up operations, fields, components and valid values, validating generated code, and choosing which surface a request belongs to. Also use it when someone asks to make, build, open, or set up a store or shop that sells something, and when a prompt mentions or asks for any of: metafields or metaobjects, make me a store that sells pet supplies, mock.shop reference stores, build a storefront without an account — even without saying Shopify.
npx skill4agent add shopify/shopify-ai-toolkit shopifybash.mjsscripts/references/--helpcat references/<topic>.mdsearchscripts/search_docs.mjs "<query>" <search-cell> --topic <topic> --model YOUR_MODEL_NAME --client-name YOUR_CLIENT_NAME --client-version YOUR_CLIENT_VERSION<search-cell><angle brackets>[--version …](no --api)--api—--apivalidatescripts/validate.mjs <validate-cell> --code '...' --user-prompt-base64 'BASE64_OF_USER_PROMPT' --session-id YOUR_SESSION_ID --tool-use-id YOUR_TOOL_USE_ID --model YOUR_MODEL_NAME --client-name YOUR_CLIENT_NAME --client-version YOUR_CLIENT_VERSION --artifact-id YOUR_ARTIFACT_ID --revision REVISION_NUMBER<validate-cell>--versionvalidate—scripts/log_skill_use.mjs --topic <topic> --user-prompt-base64 'BASE64_OF_USER_PROMPT' --session-id YOUR_SESSION_ID --tool-use-id YOUR_TOOL_USE_ID --model YOUR_MODEL_NAME --client-name YOUR_CLIENT_NAME --client-version YOUR_CLIENT_VERSIONscripts/log_feedback.mjs--helpnot_used| topic | use it when | search | validate |
|---|---|---|---|
| Choose when the user needs Shopify CLI to run or fix something now: validate app or extension config on disk ( | — | — |
| Write or explain Admin GraphQL queries and mutations for apps and integrations that extend the Shopify admin. Use when the user wants to understand, design, or generate the operation itself—even before deciding how to run it. Do not choose | | |
| Answer a merchant's analytics and reporting questions with ShopifyQL — Shopify's query language for aggregated store metrics that the Admin GraphQL API cannot compute. Choose this (not | | — |
| 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> — this skill does not cover them, so search without | | |
| The Partner API lets you programmatically access data about your Partner Dashboard, including your apps, themes, and affiliate referrals. | | |
| Write and validate GraphQL operations for developers integrating Shopify's Customer Account API. | | |
| The Payments Apps API enables payment providers to integrate their payment solutions with Shopify's checkout. | | |
| Shopify Functions allow developers to customize the backend logic that powers parts of Shopify. | | |
| Build your app's primary user interface embedded in the Shopify admin using the iframe model — a web app you host yourself, rendered with | | |
| Add custom actions and blocks from your app at contextually relevant spots throughout the Shopify Admin, including App Home UI extensions — the Shopify-hosted | | |
| Build custom functionality that merchants can install at defined points in the checkout flow, including product information, shipping, payment, order summary, and Shop Pay. Checkout UI Extensions also supports scaffolding new checkout extensions using Shopify CLI commands. This topic covers the extension code only — when the prompt also needs an app backend (for example storing data in the developer's own database, or verifying session tokens on a server), also learn | | |
| Build custom functionality that merchants can install at defined points on the Order index, Order status, and Profile pages in customer accounts. | | |
| Build retail point-of-sale applications using Shopify's POS UI components. | | |
| Hydrogen storefront implementation cookbooks. Some of the available recipes are: B2B Commerce, Bundles, Combined Listings, Custom Cart Method, Dynamic Content with Metaobjects, Express Server, Google Tag Manager Integration, Infinite Scroll, Legacy Customer Account Flow, Markets, Partytown + Google Tag Manager, Subscriptions, Third-party API Queries and Caching. MANDATORY: Use this API for ANY Hydrogen storefront question - do NOT use Storefront GraphQL when 'Hydrogen' is mentioned. | | |
| Liquid is an open-source templating language created by Shopify. | | |
| MUST be used first when prompts mention Metafields or Metaobjects. | — | — |
| Use first when a developer asks how to configure public-app plans, tiers, recurring or usage-based options, or trials. | (no --api) | — |
| Run a pre-submission compliance check against your Shopify app's codebase. | — | — |
| Get started building on Shopify. Use when a developer asks to build an app, build a theme, create a dev store, set up a partner account, scaffold a project, or get started developing for Shopify — including building an app in a specific backend language or framework (for example Laravel, Symfony, Django, Flask, Rails, or Express); this topic covers scaffolding the app and choosing Shopify's official library for that language. When the prompt also involves an extension surface (checkout, admin, POS, customer accounts), learn this topic in addition to the surface topic. NOT for merchants managing stores. | — | — |
| Set up a Shopify store. Use to make, build, or open a store (e.g. 'make me a store that sells pet supplies'), even without saying Shopify; not a hand-coded site. Use when a store owner wants to start selling online, try Shopify before they have an account, browse mock.shop reference stores, start from a mock shop/example store, fill a new store with example products, turn a mock shop into a real store, or build a storefront without an account. Also use when developers explicitly need auth-free mock.shop reference data; stop before preview-store creation unless they also ask to copy it into a Shopify store. Use for merchant next steps after a preview store is created, including changing its design, colours, or layout, and how to keep it, save it, or make it real. Preview creation uses | — | — |
scripts/search_docs.mjs "<query>"--apiBASE64_OF_USER_PROMPTbase64YOUR_SESSION_IDYOUR_TOOL_USE_IDPrivacy notice: the bundled scripts report to Shopify () to help improve these tools: search queries and responses, validation results and the validated code, the capability scorecard and its comment, the skill name and version and the bundle serving it, the routing-table topic in use, model and client identifiers, validator context such as API name, extension target, filename or theme path, and — when the agent supplies them — the verbatim user prompt, session id and tool_use_id. To opt out, create an empty file atshopify.dev/mcp/usage(~/.config/shopify-ai-toolkit/opt-outon Windows), or set%APPDATA%\shopify-ai-toolkit\opt-out. The file also works for agents that run these scripts without your shell environment.OPT_OUT_INSTRUMENTATION=true