skills.rest
dieu-donnee
dieu-donneeCOMMUNITY
Explore all skills by this author →
GitHub

shopify-expert

Build and extend Shopify themes, headless storefronts, and apps with Liquid, GraphQL, and TypeScript.

Updated Jan 9, 2026
Search Tags:#oauth#graphql#webhooks#liquid#shopify#app-development#storefront-api
One-click install
npx skills add https://github.com/dieu-donnee/luxtrax --skill shopify-expert-dieu-donnee
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shopify-expert
Source: https://github.com/dieu-donnee/luxtrax/tree/main/.agent/skills/shopify-expert
Command: npx skills add https://github.com/dieu-donnee/luxtrax --skill shopify-expert-dieu-donnee

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds and debugs Shopify themes and apps, enabling developers to implement Liquid templates, Storefront API integrations, OAuth, webhooks, and comprehensive app architectures.

Core Features & Use Cases

  • Theme development and customization with Liquid, Online Store 2.0 patterns, and metafields.
  • Headless storefronts and Storefront API integrations for Hydrogen/React-based storefronts.
  • Shopify app architecture, including OAuth flows, webhooks, and GraphQL admin APIs for product, order, and metafield management.

Quick Start

Create and customize a Shopify storefront by implementing Liquid templates, a Storefront API integration, and an OAuth-enabled admin app workflow.

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 theme with Liquid and Online Store 2.0 patterns?▼

Shopify theme development with Liquid uses Online Store 2.0 patterns and metafields for customization. You implement Liquid templates by enforcing architectural best practices and applying structured testing guidance to ensure robust storefront rendering.

How do I integrate the Storefront API into a headless Hydrogen storefront?▼

Storefront API integration for headless storefronts connects Hydrogen and React components to Shopify data. You query GraphQL APIs to fetch product and store data, applying TypeScript patterns to manage data fetching and rendering logic.

What's the best way to implement OAuth flows and webhooks for a Shopify admin app?▼

Shopify admin app architecture implements OAuth flows and webhooks to authenticate and receive event notifications. You configure GraphQL admin APIs to manage products, orders, and metafields, documenting deployment workflows for secure app operations.

Does this Shopify app development approach support TypeScript patterns and testing guidance?▼

Yes, Shopify app and theme development supports TypeScript patterns and includes testing guidance. The blueprint enforces architectural best practices across Liquid templates, GraphQL integrations, and admin app workflows to maintain code quality and reliability.

Can I use GraphQL admin APIs for product, order, and metafield management in Shopify?▼

GraphQL admin APIs enable product, order, and metafield management within Shopify apps. You integrate these APIs alongside OAuth and webhook configurations to build comprehensive app architectures that handle store data operations efficiently.

Why do I need a comprehensive blueprint for Shopify app and theme workflows?▼

A comprehensive blueprint solves the need to build and extend Shopify themes, headless storefronts, and apps consistently. It covers common and advanced use cases, enforcing architectural best practices and documenting deployment workflows for scalable development.

Related Skills

Explore More Software Engineering Skills→
Thanh-aperoThanh-apero
1

ck:shopify

Build Shopify apps, extensions, and themes using the Shopify CLI and API.

Community
Advanced
lv7devlv7dev

shopify

Build Shopify apps, extensions, and themes using GraphQL/REST APIs and Liquid templates.

Community
Advanced
EstomEstom

shopify-expert

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

Community
Advanced
OrcaQubitsOrcaQubits
35

bc-headless

Develop headless BigCommerce storefronts with Next.js and GraphQL Storefront API.

Official
Intermediate