Agent skill · product strategy · jeremylongshore

shopify-architecture-variants

Choose between Shopify app architectures: embedded Remix app, headless

Why this skill is useful

Provides specific architectural patterns and decision-making frameworks for Shopify projects that the AI wouldn't reliably generate on its own.

What it needs

Requires @shopify/hydrogen, @shopify/shopify-api, @shopify/shopify-app-remix installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.

What this skill does

Shopify Architecture Variants Overview Four validated architecture patterns for building on Shopify. Choose based on your use case: embedded admin app, headless storefront, backend integration, or theme extension. Prerequisites Clear understanding of what you're building Knowledge of your target merchants Understanding of Shopify's app ecosystem Instructions Variant A: Embedded Admin App (Remix) Admin panel apps, merchant tools, dashboards. Uses @shopify/shopify-app-remix with OAuth and Polaris UI inside the Shopify admin. See Embedded Remix App for the project structure and authenticated loader pattern. Variant B: Headless Storefront (Hydrogen) Custom storefronts and unique shopping experiences. Uses the Storefront GraphQL API, hosted on Shopify Oxygen or any edge platform. See Hydrogen Storefront for the project structure and Storefront API loader. Variant C: Backend Integration (Standalone) ERP sync, warehouse management, analytics. Uses @shopify/shopify-api with a custom app access token -- no OAuth or merchant UI needed. See Backend Integration for the project structure and client setup. Variant D: Theme App Extension Only Storefront widgets, product reviews, badges. Runs entirely in the merchant's storefront using Liquid templates -- no server needed. See Theme App Extension for the project structure and Liquid block example. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills jeremylongshore/shopify-architecture-variants

View the source on GitHub

Browse the @skills marketplace