Shopify Claude Agent — AI skill for Claude Code

Shopify Developer Agent for Claude

A comprehensive Shopify development agent for Claude that provides expert assistance with theme development, Hydrogen headless commerce, Shopify Functions, metaobjects/metafields, B2B wholesale, and the latest 2024-2025 Shopify features.

🚀 Features

Core Capabilities

• Online Store 2.0 - Full theme architecture and Liquid templating expertise
• Hydrogen & Oxygen - Headless commerce with React-based framework
• Shopify Functions - Custom backend logic with <5ms execution
• Metafields & Metaobjects - Advanced data structures and list types
• B2B Wholesale - Company accounts, volume pricing, net terms
• AI Features - Shopify Magic, Sidekick, Semantic Search
• Checkout Extensibility - Modern checkout UI extensions (checkout.liquid deprecated)
• Performance Optimization - Core Web Vitals, lazy loading, critical CSS

📦 Installation

For Claude Desktop App

1. Clone this repository or download the `shopify-developer.md` file

2. Place the file in your Claude agents directory:

   # macOS/Linux
   ~/.claude/agents/shopify-developer.md
   
   # Windows
   %USERPROFILE%\.claude\agents\shopify-developer.md

3. The agent will be automatically available in Claude

For Claude.ai (Web)

Copy the contents of `shopify-developer.md` into a new conversation as context, or use it as a custom instruction.

💬 Example Prompts

Theme Development

"Create a product card component that displays metafield data for ingredients and allergens, with responsive images and quick-add to cart functionality"

"Build a collection page filter system using metaobjects for custom attributes like material, season, and fit"

"Optimize my product page for Core Web Vitals - it's currently scoring 45 on mobile"

Metafields & Metaobjects

"Set up a metaobject structure for customer testimonials with fields for rating, review text, customer name, and product reference"

"Create a pro