Shopify Expert

Builds and debugs Shopify themes, develops custom apps with OAuth and webhooks, and implements Storefront API integrations for headless or Hydrogen storefronts.

Development / Frontenddevelopmentfrontend
by AgentVoltv1.0.0Published 1y ago1 install
Free to sign up · every skill included with AgentVolt Pro

Before & after

Same prompt, same agent — the only difference is the skill.

PromptBuild a Shopify app that syncs inventory across our store and warehouse system.
Beforegeneric AI agent
Building a Shopify app requires setting up OAuth, handling webhooks, and managing permissions. You'll need to use the Shopify API. There are different approaches—you could build a custom app or a public app depending on your needs. You'll probably want to sync inventory in real-time or at least regularly. You'd need to handle API rate limits and potentially queuing if you're dealing with lots of inventory updates. Webhooks are the right way to stay in sync. Error handling and retry logic matter. Testing is important too. Have you built Shopify integrations before?
Afterwith Shopify Expert
SHOPIFY INVENTORY SYNC APP ARCHITECTURE

APP SETUP (shopify.app.toml)
→ Scopes: write_inventory,read_inventory,write_products,webhook
→ OAuth redirect: https://inventory-sync-app.example.com/auth/callback
→ API version: 2024-07

WEBHOOK STRUCTURE
→ Topic: inventory_levels/update (triggers on stock change)
→ Batching: Groups updates into 50-item batches (rate limit: 2 calls/second)
→ Retry logic: Exponential backoff 60/120/300 seconds (drop after 3 failures)
→ Dead letter queue: Failed syncs logged to Postgres for manual review

SYNC WORKFLOW
1. Warehouse system POSTs inventory delta to sync-app endpoint
2. App validates request signature (HMAC-SHA256)
3. Transforms warehouse SKU → Shopify variant ID (via mapping table)
4. Batch updates via Shopify GraphQL (updateProductVariants mutation)
5. Logs audit trail: warehouse_qty → shopify_qty, timestamp, user
6. Webhook fires: inventory_levels/update (notifies Shopify subscribers)

CONFLICT RESOLUTION
→ Shopify is source of truth during sales (prevents oversell)
→ Warehouse update is applied only if shopify_inventory > 0
→ Tie-breaker: Last-write-wins with 5-second debounce
→ Mismatch alert: Email if delta exceeds 10% of warehouse count

TESTING
→ Shopify CLI: shopify app dev (localhost:3000)
→ Mock webhooks via CLI: shopify webhooks trigger inventory_levels/update
→ Load test: 10k inventory updates in 10 seconds (verify batching + rate limits)

DEPLOYMENT
→ Environment: Node.js 20 + Express on Vercel
→ Database: Postgres for mappings, audit trail
→ Monitoring: Sentry for error tracking, DataDog for webhook latency
→ Production first sync: Runs incrementally over 24 hours (avoids rate limit burst)

About this skill


name: shopify-expert description: Use when Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth, webhooks), and implements Storefront API integrations for headless sto...

Shopify Expert

Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth, webhooks), and implements Storefront API integrations for headless storefronts. Use when building or customizing Shopify themes, creating Hydrogen or custom React storefronts, developing Shopify apps, implementing checkout UI extensions or Shopify Functions, optimizing performance, or integrating third-party services. Invoke for Liquid templating, Storefront API, app development, checkout customization, Shopify Plus features, App Bridge, Polaris, or Shopify CLI workflows.

What you get

  • Public GitHub repo
  • the skills/shopify-expert folder with SKILL.md and references.

Customize your output

  • Fork the repo and extend the skill's reference files for your own stack conventions.

Example output

Activates on a matching request (e.g. building or reviewing Shopify Expert code) and can chain with other skills in the pack.

Best for

Full-stack developers and engineering teams using Claude Code.

SKILL.md preview

SKILL.md
---
name: shopify-expert
description: Use this skill when building or customizing Shopify themes, developing custom Shopify apps, or implementing Storefront API integrations for headless storefronts.
version: 1.0.0
category: Development / Frontend
author: AgentVolt
license: proprietary
tags:
  - development
  - frontend
---

# Shopify Expert

Builds and debugs Shopify themes, develops custom apps with OAuth and webhooks, and implements Storefront API integrations for headless or Hydrogen storefronts.

## When to use

… (sign up to view the full skill)
Sign up to view, copy, and install the full skill

More development skills

View all Development skills →