skills.rest
enigmaicon-eng
enigmaicon-engCOMMUNITY
Explore all skills by this author →
GitHub

shopify-expert

Implement Shopify themes, apps, and headless storefronts with Liquid, GraphQL, and Remix.

1|Updated May 16, 2026
Search Tags:#graphql#webhooks#liquid#shopify#remix#storefront api#checkout extensions
One-click install
npx skills add https://github.com/enigmaicon-eng/AI-Enterprise-OS --skill shopify-expert-enigmaicon-eng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shopify-expert
Source: https://github.com/enigmaicon-eng/AI-Enterprise-OS/tree/main/examples/claude-skills/skills/shopify-expert
Command: npx skills add https://github.com/enigmaicon-eng/AI-Enterprise-OS --skill shopify-expert-enigmaicon-eng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Shopify development becomes slow and error-prone when theme, app, and API integration details (Liquid, GraphQL, OAuth, webhooks, and checkout extensibility) aren’t handled with a clear, validation-first workflow.

Core Features & Use Cases

  • Theme development with Liquid (Online Store 2.0): Implement and debug sections/templates, including metafield-driven UI patterns and correct Shopify CLI workflows.
  • Headless commerce integrations with the Storefront API: Build GraphQL queries (including product/variant selection) and wire them into Hydrogen/React storefront flows.
  • Shopify app development and extensibility: Scaffold and implement Remix-based apps, configure scopes in shopify.app.toml, handle OAuth, register webhooks, and build checkout UI extensions or functions with safe deployment practices.

Use case example: You need to launch a headless storefront and a matching Shopify app that processes product and order events; use this Skill to scaffold the app, design the required webhooks, implement Storefront API queries for the storefront, and validate everything before deployment.

Quick Start

Ask the shopify-expert skill to scaffold a Remix Shopify app with the correct scopes and webhooks, then write the Storefront API GraphQL query needed to render product pages in a headless storefront.

Frequently Asked Questions about shopify-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Shopify app with Remix and handle OAuth webhooks?▼

To build a Shopify app with Remix, you scaffold the project, configure scopes in shopify.app.toml, implement OAuth flows, and register webhooks for events like product and order processing to ensure secure merchant experiences.

What is the best way to query product variants using the Shopify Storefront API?▼

The best way to query product variants using the Storefront API is by constructing GraphQL queries targeting the 2024-10+ API version, then wiring those queries into Hydrogen or custom React storefront flows for headless commerce integration.

How do I implement Online Store 2.0 theme sections with Liquid and metafields?▼

Implementing Online Store 2.0 theme sections involves writing Liquid templates for sections and templates, utilizing metafield-driven UI patterns, and validating your work using Shopify CLI workflows like shopify theme check.

Can I use checkout UI extensions with a custom headless Hydrogen storefront?▼

Yes, checkout UI extensions can be built alongside a custom headless Hydrogen storefront by scaffolding Remix-based apps, configuring necessary scopes, and deploying extension workflows that embed merchant experiences directly into the checkout process.

Does the Shopify CLI validate app dev and theme check commands before deployment?▼

Yes, the Shopify CLI validates projects before deployment by running commands like shopify theme check and app dev, ensuring that Liquid templates, GraphQL queries, and app configurations meet functional requirements safely.

Why do my Shopify webhook subscriptions fail during app deployment?▼

Shopify webhook subscriptions often fail during app deployment if scopes in shopify.app.toml are misconfigured or if OAuth handling is incomplete, requiring validation-first workflows and safe deployment practices to register events correctly.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
nilecuinilecui
27

shopify

Develop Shopify apps, extensions, and themes using the Shopify CLI and APIs.

Community
Advanced
EstomEstom

shopify-expert

Scaffold Shopify themes, headless storefronts, apps, and checkout extensions.

Community
Advanced
shinnytechshinnytech

shopify

Develop Shopify apps, extensions, and themes using CLI, APIs, and Liquid.

Official
Advanced