Install any skill in seconds. Free to start, no credit card required.
Get Started Free →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 Function
.claude/skills/tech-leads-club-shopify-developer/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-01 | ✗→✓ | ▲ Improved | 53% | 0% |
| case-04 | ✗→✓ | ▲ Improved | 77% | 0% |
| case-05 | ✗→✓ | ▲ Improved | 135% | 0% |
| case-06 | ✗→✓ | ▲ Improved | 51% | 0% |
| case-12 | ✗→✓ | ▲ Improved | 147% | 0% |
Comprehensive reference for professional Shopify development - API version 2026-01.
| Item | Value | | ---------------- | ------------------------------------------------------------------- | | API version | 2026-01 (stable) | | GraphQL Admin | POST https://{store}.myshopify.com/admin/api/2026-01/graphql.json | | Storefront API | POST https://{store}.myshopify.com/api/2026-01/graphql.json | | Ajax API (theme) | /cart.js, /cart/add.js, /cart/change.js | | CLI install | npm install -g @shopify/cli | | Theme dev | shopify theme dev --store {store}.myshopify.com | | App dev | shopify app dev | | Deploy | shopify app deploy | | Docs | shopify.dev |
Read the reference file(s) that match your task:
Liquid templating - writing or debugging .liquid files:
Theme development - building or customising themes:
API integration - fetching or modifying data programmatically:
App development - building Shopify apps:
Serverless logic - custom business rules:
Headless commerce - custom storefronts:
Optimisation and troubleshooting:
| Deprecated | Replacement | Deadline | | --------------------- | ---------------------- | ---------------------------------------- | | Shopify Scripts | Shopify Functions | August 2025 (migration), sundown TBD | | checkout.liquid | Checkout Extensibility | August 2024 (Plus), done | | REST Admin API | GraphQL Admin API | Active deprecation (no removal date yet) | | Legacy custom apps | New auth model | January 2025 (done) | | Polaris React | Polaris Web Components | Active migration | | Remix (app framework) | React Router 7 | Hydrogen 2025.5.0+ |
Three syntax types:
liquid{{ 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:
liquid{% 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 %}
javascript// 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 }), })
| File | Lines | Coverage | | ------------------------------------------------------- | ----- | ------------------------------------------------------------------------------ | | liquid-syntax.md | ~600 | Tags, control flow, iteration, variables, whitespace, LiquidDoc | | liquid-filters.md | ~870 | String, numeric, array, Shopify-specific, date, URL, colour filters | | liquid-objects.md | ~695 | All Shopify objects: product, variant, collection, cart, customer, order, etc. | | theme-development.md | ~1200 | File structure, JSON templates, sections, blocks, settings schema, layout | | api-admin.md | ~595 | GraphQL queries/mutations, REST (legacy), OAuth, webhooks, rate limiting | | api-storefront.md | ~235 | Storefront API, Ajax API, cart operations, Customer Account API | | app-development.md | ~760 | CLI, app architecture, extensions, Polaris Web Components, deployment | | functions.md | ~300 | Function types, Rust/JS targets, CLI workflow, Scripts migration | | hydrogen.md | ~375 | Setup, routing, data loading, Storefront API, deployment | | performance.md | ~605 | Images, JS, CSS, fonts, Liquid, third-party scripts, Core Web Vitals | | debugging.md | ~650 | Liquid, JavaScript, API, cart, webhook, theme editor troubleshooting |
| Case | Status | Duration (ms) | Turns | Tokens | Tool calls | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Without | With | Δ | Without | With | Δ | Without | With | Δ | Without | With | Δ | ||
case-07 | pass→fail | 10,351 | 9,678 | -7% | 1 | 1 | 0% | 2,113 | 3,525 | +67% | 0 | 0 | — |
case-01 | fail→pass | 13,064 | 53,244 | +308% | 1 | 1 | 0% | 2,428 | 3,711 | +53% | 0 | 0 | — |
case-02 | pass→pass | 12,449 | 11,539 | -7% | 1 | 1 | 0% | 2,571 | 4,087 | +59% | 0 | 0 | — |
case-03 | pass→pass | 13,750 | 10,377 | -25% | 1 | 1 | 0% | 2,222 | 3,555 | +60% | 0 | 0 | — |
case-04 | fail→pass | 13,648 | 13,902 | +2% | 1 | 1 | 0% | 2,461 | 4,366 | +77% | 0 | 0 | — |
case-05 | fail→pass | 8,163 | 7,336 | -10% | 1 | 1 | 0% | 1,243 | 2,920 | +135% | 0 | 0 | — |
case-06 | fail→pass | 11,683 | 8,224 | -30% | 1 | 1 | 0% | 1,961 | 2,968 | +51% | 0 | 0 | — |
case-08 | pass→pass | 2,350 | 1,399 | -40% | 1 | 1 | 0% | 338 | 1,887 | +458% | 0 | 0 | — |
case-09 | pass→pass | 3,310 | 3,505 | +6% | 1 | 1 | 0% | 533 | 2,283 | +328% | 0 | 0 | — |
case-10 | pass→pass | 5,719 | 3,844 | -33% | 1 | 1 | 0% | 1,062 | 2,390 | +125% | 0 | 0 | — |
case-11 | pass→pass | 4,203 | 3,546 | -16% | 1 | 1 | 0% | 858 | 2,353 | +174% | 0 | 0 | — |
case-12 | fail→pass | 4,638 | 2,976 | -36% | 1 | 1 | 0% | 867 | 2,143 | +147% | 0 | 0 | — |
case-13 | pass→pass | 8,253 | 7,148 | -13% | 1 | 1 | 0% | 1,308 | 2,778 | +112% | 0 | 0 | — |
case-14 | pass→pass | 2,133 | 1,171 | -45% | 1 | 1 | 0% | 287 | 1,834 | +539% | 0 | 0 | — |
case-15 | pass→pass | 3,462 | 2,163 | -38% | 1 | 1 | 0% | 614 | 2,037 | +232% | 0 | 0 | — |
case-16 | pass→pass | 4,866 | 1,681 | -65% | 1 | 1 | 0% | 891 | 1,914 | +115% | 0 | 0 | — |
case-17 | pass→pass | 3,933 | 2,590 | -34% | 1 | 1 | 0% | 728 | 2,083 | +186% | 0 | 0 | — |
case-18 | pass→pass | 2,259 | 2,068 | -8% | 1 | 1 | 0% | 382 | 2,036 | +433% | 0 | 0 | — |
case-19 | pass→pass | 3,082 | 2,382 | -23% | 1 | 1 | 0% | 462 | 2,102 | +355% | 0 | 0 | — |
case-20 | pass→pass | 2,000 | 1,138 | -43% | 1 | 1 | 0% | 270 | 1,841 | +582% | 0 | 0 | — |
case-21 | fail→pass | 10,136 | 1,426 | -86% | 1 | 1 | 0% | 1,604 | 1,850 | +15% | 0 | 0 | — |
case-22 | pass→pass | 8,351 | 9,076 | +9% | 1 | 1 | 0% | 1,624 | 3,397 | +109% | 0 | 0 | — |
case-23 | pass→pass | 4,731 | 50,159 | +960% | 1 | 1 | 0% | 897 | 3,082 | +244% | 0 | 0 | — |
case-24 | pass→pass | 6,681 | 6,867 | +3% | 1 | 1 | 0% | 1,295 | 3,070 | +137% | 0 | 0 | — |
DecimalAI ran this skill against gemini-3.6-flash twice over the same eval suite — once with the skill loaded and once without — and compared the two runs case by case. 24 cases were attempted. The headline lift of +21 percentage points is the difference between those two pass rates over the 24 comparable cases. 1 case got worse with the skill loaded, and it is included in that figure.
Without the skill loaded, the model failed this case. With it loaded, the same prompt on the same model passed. This is one improved case from the latest verified run; every case, including any that regressed, is in the table above.
Other measured skills in the registry, with their headline benchmark lift.