skills.rest
JoaquinCampo
JoaquinCampoCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/JoaquinCampo/Skills --skill shopify-joaquincampo
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
jokken79jokken79
1

shopify-apps

Automate Shopify app development with Remix, App Bridge, webhooks, and GraphQL Admin API patterns.

Community
Intermediate
alex-tgkalex-tgk
1

shopify

Guide Shopify app, theme, and extension development with API and CLI workflows.

Community
Intermediate
Marwan78888Marwan78888
16

shopify-expert

Implement Shopify theme, app, and storefront integrations with Liquid and GraphQL APIs.

Community
Advanced
lv7devlv7dev

shopify

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

Community
Advanced