Shopify Expert
Builds and debugs Shopify themes, develops custom apps with OAuth and webhooks, and implements Storefront API integrations for headless or Hydrogen storefronts.
Before & after
Same prompt, same agent — the only difference is the skill.
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?
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
---
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)More development skills
View all Development skills →Angular Architect
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance.
Vue Expert (JS)
Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript.
Flutter Expert
Use when building cross-platform applications with Flutter 3+ and Dart.
React Expert
Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups.