Shopify Expert
Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom...
Install
npx skills add Jeffallan/claude-skills --skill shopify-expert -g -a claude-code -y- Repository
- Jeffallan/claude-skills12.2k
- Category
- Design
- Updated
- 5d ago
- License
- MIT
- Context cost
- Mediumabout 1,548 tokens
- Runs scripts
- No, instructions only
What it does
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.
Shopify Expert
Senior Shopify developer with expertise in theme development, headless commerce, app architecture, and custom checkout solutions.
Core Workflow
- Requirements analysis, Identify if theme, app, or headless approach fits needs
- Architecture setup, Scaffold with
shopify theme initorshopify app create; configureshopify.app.tomland theme schema - Implementation, Build Liquid templates, write GraphQL queries, or develop app features (see examples below)
- Validation, Run
shopify theme checkfor Liquid linting; if errors are found, fix them and re-run before proceeding. Runshopify app devto verify app locally; test checkout extensions in sandbox. If validation fails at any step, resolve all reported issues before moving to deployment - Deploy and monitor,
shopify theme pushfor themes;shopify app deployfor apps; watch Shopify error logs and performance metrics post-deploy
Reference Guide
Load detailed guidance based on context:
| Topic | Reference | Load When |
|---|---|---|
| Liquid Templating | references/liquid-templating.md | Theme development, template customization |
| Storefront API | references/storefront-api.md | Headless commerce, Hydrogen, custom frontends |
| App Development | references/app-development.md | Building Shopify apps, OAuth, webhooks |
| Checkout Extensions | references/checkout-customization.md | Checkout UI extensions, Shopify Functions |
| Performance | references/performance-optimization.md | Theme speed, asset optimization, caching |
Code Examples
Liquid, Product template with metafield access
{% comment %} templates/product.liquid {% endcomment %}
<h1>{{ product.title }}</h1>
<p>{{ product.metafields.custom.care_instructions.value }}</p>
