Wardn Hub
MCP ServersSkillsCategoriesAPI docsSubmit server
Submit server
Wardn HubTrusted MCP server directory.

Registry

  • MCP Servers
  • Skills
  • Categories

Resources

  • API docs
  • Score method

Contribute

  • Submit server
  • Advertise
© 2026 Wardn Hub
Wardn Hub
MCP ServersSkillsCategoriesAPI docsSubmit server
Submit server
skills/tech-leads-club/agent-skills/packages-skills-catalog-skills-development-shopify-developer

shopify-developer

1
tech-leads-club/agent-skills·E-Commerce·Audit failed·Snapshot 700cd4e9c1e4

Summary

Complete Shopify development reference covering Liquid templating, OS 2.0 themes, GraphQL APIs, Hydrogen, Functions, and performance optimization (API v2026-01). Use when working with .liquid files, building Shopify themes or apps, writing GraphQL queries for Shopify, debugging Liquid errors, creating app extensions, migrating from Scripts to Functions, or building headless storefronts. Triggers on "Shopify", "Liquid template", "Hydrogen", "Storefront API", "theme development", "Shopify Functions", "Polaris". Do NOT use for non-Shopify e-commerce platforms.

SKILL.md

Shopify Developer Reference

Comprehensive reference for professional Shopify development - API version 2026-01.

Quick Reference

ItemValue
API version2026-01 (stable)
GraphQL AdminPOST https://{store}.myshopify.com/admin/api/2026-01/graphql.json
Storefront APIPOST https://{store}.myshopify.com/api/2026-01/graphql.json
Ajax API (theme)/cart.js, /cart/add.js, /cart/change.js
CLI installnpm install -g @shopify/cli
Theme devshopify theme dev --store {store}.myshopify.com
App devshopify app dev
Deployshopify app deploy
Docsshopify.dev

Choose Your Path

Read the reference file(s) that match your task:

Liquid templating - writing or debugging .liquid files:

  • references/liquid-syntax.md - Tags, control flow, iteration, whitespace, LiquidDoc
Installs
0
  • references/liquid-filters.md - All filter categories with examples
  • references/liquid-objects.md - Product, collection, cart, customer, and global objects
  • Theme development - building or customising themes:

    • references/theme-development.md - OS 2.0 architecture, sections, blocks, JSON templates, settings schema

    API integration - fetching or modifying data programmatically:

    • references/api-admin.md - GraphQL Admin API (primary), REST (legacy), OAuth, webhooks, rate limiting
    • references/api-storefront.md - Storefront API, Ajax API, cart operations

    App development - building Shopify apps:

    • references/app-development.md - Shopify CLI, extensions, Polaris Web Components, App Bridge

    Serverless logic - custom business rules:

    • references/functions.md - Shopify Functions (replacing Scripts), Rust/JS targets, deployment

    Headless commerce - custom storefronts:

    • references/hydrogen.md - Hydrogen framework, React Router 7, Storefront API integration

    Optimisation and troubleshooting:

    • references/performance.md - Images, JS, CSS, fonts, Liquid, Core Web Vitals
    • references/debugging.md - Liquid errors, API errors, cart issues, webhook failures

    Deprecation Notices

    DeprecatedReplacementDeadline
    Shopify ScriptsShopify FunctionsAugust 2025 (migration), sundown TBD
    checkout.liquidCheckout ExtensibilityAugust 2024 (Plus), done
    REST Admin APIGraphQL Admin APIActive deprecation (no removal date yet)
    Legacy custom appsNew auth modelJanuary 2025 (done)
    Polaris ReactPolaris Web ComponentsActive migration
    Remix (app framework)React Router 7Hydrogen 2025.5.0+

    Liquid Essentials

    Three syntax types:

    {{ product.title | upcase }}                    {# Output with filter #}
    {% if product.available %}In stock{% endif %}   {# Logic tag #}
    {% assign sale = product.price | times: 0.8 %}  {# Assignment #}
    {%- if condition -%}Stripped whitespace{%- endif -%}
    

    Key patterns:

    {% for product in collection.products limit: 5 %}
      {% render 'product-card', product: product %}
    {% endfor %}
    
    {% paginate collection.products by 12 %}
      {% for product in paginate.collection.products %}...{% endfor %}
      {{ paginate | default_pagination }}
    {% endpaginate %}
    

    API Essentials

    // GraphQL Admin - always use GraphQL over REST
    const response = await fetch(`https://${store}.myshopify.com/admin/api/2026-01/graphql.json`, {
      method: 'POST',
      headers: {
        'X-Shopify-Access-Token': accessToken,
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ query, variables }),
    })
    const { data, errors } = await response.json()
    if (errors) throw new Error(errors[0].message)
    
    // Ajax API (theme-only cart operations)
    fetch('/cart/add.js', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ id: variantId, quantity: 1 }),
    })
    

    Reference Files

    FileLinesCoverage
    liquid-syntax.md~600Tags, control flow, iteration, variables, whitespace, LiquidDoc
    liquid-filters.md~870String, numeric, array, Shopify-specific, date, URL, colour filters
    liquid-objects.md~695All Shopify objects: product, variant, collection, cart, customer, order, etc.
    theme-development.md~1200File structure, JSON templates, sections, blocks, settings schema, layout
    api-admin.md~595GraphQL queries/mutations, REST (legacy), OAuth, webhooks, rate limiting
    api-storefront.md~235Storefront API, Ajax API, cart operations, Customer Account API
    app-development.md~760CLI, app architecture, extensions, Polaris Web Components, deployment
    functions.md~300Function types, Rust/JS targets, CLI workflow, Scripts migration
    hydrogen.md~375Setup, routing, data loading, Storefront API, deployment
    performance.md~605Images, JS, CSS, fonts, Liquid, third-party scripts, Core Web Vitals
    debugging.md~650Liquid, JavaScript, API, cart, webhook, theme editor troubleshooting

    Related skills

    coupling-analysisdocs-writerai-cold-outreachai-pricingai-sdr