@veyralabs/shopify-dev

A Claude Code skill for Shopify developers. Covers the full Shopify development stack: Liquid themes, JSON templates, app development with Remix, GraphQL APIs, CLI workflows, checkout extensions, and Hydrogen headless.

Fetches live Shopify documentation via Context7 before answering API or version-sensitive questions. Shopify deprecates APIs quarterly - this keeps answers accurate.

What it covers

Theme development (OS 2.0) Section schemas, JSON templates, blocks, metafields vs metaobjects, AJAX cart patterns, Section Rendering API, Liquid filters and objects.

App development Remix-based app structure, Admin API via GraphQL, OAuth client credentials (Dev Dashboard), webhook handlers, Polaris components, billing API.

APIs Storefront API - products, collections, cart mutations, predictive search, customer queries. Admin API - product create/update, metafields, bulk operations.

CLI shopify theme dev/push/pull, environments in shopify.theme.toml, CI/CD patterns for GitHub Actions.

Hydrogen Route patterns, cache strategies (CacheNone/CacheShort/CacheLong), Storefront API integration.

Extensions Checkout UI extensions with target list, app bridge patterns.

Installation

npx @veyralabs/skills install shopify-dev

Or install the full pack:

npx @veyralabs/skills install shopify-suite

After installation, the skill is available in .claude/skills/shopify-suite/shopify-dev/. The slash command /shopify-dev appears in the Claude Code command menu.

Manual installation

Copy skills/shopify-suite/shopify-dev/ into your project's .claude/skills/ directory.

Requires

• Claude Code
• Context7 MCP (recommended - enables live Shopify documentation)

To enable Context7:

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Usage

Activate in Claude Code by describing your Shopify task:

Add a product recommendations section to my Dawn theme
Create a Shopify app that tracks customer tags
Write a GraphQL query to get all products with their metafields
Set up Shopify CLI environments for staging and production

The skill detects the mode (theme / app / api / cli / hydrogen / debug) from context and adjusts its behavior accordingly.

Part of VeyraSkills

This skill is part of the veyraskills collection.

Also available:

• @veyralabs/shopify-store - store auditor and optimizer
• @veyralabs/naming-suite - startup naming and brand analysis
• @veyralabs/webcloner - pixel-accurate website cloning