shopify-developer

Reference Liquid syntax, GraphQL APIs, and Hydrogen for Shopify development.

Updated Jun 18, 2026
One-click install
npx skills add https://github.com/rodrigotoledo/trading-exchange --skill shopify-developer-rodrigotoledo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shopify-developer
Source: https://github.com/rodrigotoledo/trading-exchange/tree/main/packages/skills-catalog/skills/%28development%29/shopify-developer
Command: npx skills add https://github.com/rodrigotoledo/trading-exchange --skill shopify-developer-rodrigotoledo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a comprehensive, up-to-date Shopify development reference, consolidating Liquid syntax, OS 2.0 themes, GraphQL Admin and Storefront APIs, Hydrogen, Functions, and extension practices to help developers build, debug, and optimize Shopify apps and themes.

Core Features & Use Cases

  • Liquid templating reference: tags, filters, objects, and documentation snippets for fast lookup.
  • API references: GraphQL Admin, REST Admin (legacy), Storefront, customer/account endpoints, and webhooks guidance.
  • Hydrogen, Functions & Theme development: setup, data loading, routing, serverless logic, and modern headless store patterns.
  • App extensions and migrations: guidance on building Shopify extensions, migrating from Scripts to Functions, and integrating Polaris UI components.
  • Use cases: quick reference during development, learning path for new Shopify projects, and troubleshooting API or Liquid issues.

Quick Start

Open this guide and start building a Shopify theme or app using Liquid, Hydrogen, and APIs.

Frequently Asked Questions about shopify-developer

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

FAQPage Schema
How do I build Shopify OS 2.0 themes using Liquid?

Shopify OS 2.0 themes are built using Liquid templating syntax, leveraging tags, filters, and objects to structure storefront layouts and dynamic content. This reference provides quick lookup for documentation snippets during theme development.

What's the best way to integrate GraphQL Admin and Storefront APIs in a Shopify app?

Integrating GraphQL Admin and Storefront APIs in a Shopify app involves querying Storefront endpoints for customer accounts and Admin endpoints for store management. This reference provides API guidance, including legacy REST Admin and webhook configurations.

How do I set up Hydrogen for a headless Shopify store?

Setting up Hydrogen for a headless Shopify store requires configuring data loading, routing, and modern headless patterns. This guide provides setup instructions and performance guidelines to optimize server-side rendering for storefronts.

How do I migrate from Shopify Scripts to Shopify Functions?

Migrating from Shopify Scripts to Shopify Functions involves transitioning to serverless logic for cart transformations and discounts. This reference provides guidance on building app extensions and implementing Functions to replace legacy script workflows.

Can I use Polaris UI components in custom Shopify app extensions?

Yes, you can integrate Polaris UI components when building custom Shopify app extensions. This reference provides guidance on combining Polaris with extension development to ensure native user interface consistency within the Shopify admin.

Does this Shopify development reference cover webhook configurations?

Yes, this Shopify development reference covers webhook configurations alongside GraphQL Admin, REST Admin, and Storefront APIs. It provides guidance on integrating webhooks for event-driven data synchronization in custom apps.