shopify

Guide Shopify app, Hydrogen storefront, and extension development tasks.

3|Updated Dec 22, 2025

Search Tags:#graphql #webhooks #shopify #polaris #hydrogen #storefront #shopify-app

Ready to run

npx skills add https://github.com/JoaquinCampo/Skills --skill shopify-joaquincampo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: shopify
Source: https://github.com/JoaquinCampo/Skills/tree/main/shopify
Command: npx skills add https://github.com/JoaquinCampo/Skills --skill shopify-joaquincampo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Shopify development tasks across apps, storefronts, and integrations are complex and error-prone; this Skill guides and standardizes workflows to accelerate building, reviewing, and scaffolding Shopify projects.

Core Features & Use Cases

Covers apps, Hydrogen storefronts, theme extensions, checkout UI extensions, Shopify Functions, and Admin/Storefront API interactions.
Helps with setup, migrations, best practices, and debugging for GraphQL Admin API, Storefront API, metafields, and metaobjects.
Use case examples include scaffolding a new Shopify app, validating webhooks, and integrating Polaris components.

Quick Start

Start by configuring a Shopify app project using the standard Remix/React Router templates and ensure GraphQL Admin API access is configured.

Frequently Asked Questions about shopify

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

FAQPage Schema

How do I scaffold a new Shopify app using Remix templates?▼

To scaffold a Shopify app, you start by configuring a project using standard Remix or React Router templates, ensuring you grant GraphQL Admin API access and set up your shopify.app.toml file for Shopify CLI tooling.

What is the best way to integrate Polaris components into a Shopify storefront?▼

The best way to integrate Polaris components is by following standardized workflows that guide the setup and implementation of Polaris within your Hydrogen storefront or Shopify app project to ensure UI consistency.

How do I validate webhooks for Shopify Admin GraphQL API interactions?▼

You validate Shopify webhooks by applying standardized development workflows that check payload structures and authentication signatures, ensuring your Admin GraphQL API interactions and app extensions function securely.

Does this Shopify CLI tooling support Hydrogen storefront migrations?▼

Yes, Shopify CLI tooling supports Hydrogen storefronts by guiding migrations, setup, and best practices for Storefront API interactions, metafields, and metaobjects within your development environment.

Why do I need a shopify.app.toml file to build checkout UI extensions?▼

You need a properly configured shopify.app.toml file because it defines the project configuration required by Shopify CLI tooling to operate, scaffold, and deploy checkout UI extensions and Shopify Functions.

Can I use this approach to debug Storefront API metafields and metaobjects?▼

Yes, you can debug Storefront API metafields and metaobjects by applying standardized workflows that help identify issues during GraphQL queries, ensuring accurate data retrieval for your storefront.