Help us improve
Share bugs, ideas, or general feedback.
From shopify-commerce
Sets up Shopify dev environment: CLI install/auth, Partner account, dev stores, env vars, structures for Remix apps, Liquid themes, Hydrogen storefronts.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin shopify-commerceHow this skill is triggered — by the user, by Claude, or both
Slash command
/shopify-commerce:shopify-setupThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
**Fetch live docs**:
Onboards Shopify developers: detects IDE/client, installs Shopify CLI and AI toolkit plugin, guides on building apps/themes, creating dev stores/partner accounts.
Sets up local Shopify app development with Shopify CLI scaffolding, ngrok tunneling for webhooks, hot reload, and Vitest testing.
References Shopify development: Liquid templating, OS 2.0 themes/sections/blocks, GraphQL Admin/Storefront APIs, CLI/Polaris apps, Functions, Hydrogen React storefronts, Ajax cart, webhooks, performance, debugging. API v2026-01.
Share bugs, ideas, or general feedback.
Fetch live docs:
https://shopify.dev/docs/api/shopify-cli for CLI installation and commandssite:shopify.dev getting started app development for app setupsite:shopify.dev theme development getting started for theme setupAll Shopify development starts with a Partner account:
Two types:
The primary development tool:
npm install -g @shopify/cli or brew install shopify-clishopify auth loginshopify app init, shopify theme init, shopify hydrogen initshopify-app/
├── app/
│ ├── routes/
│ │ ├── app._index.tsx # App dashboard
│ │ ├── app.products.tsx # Products page
│ │ └── webhooks.tsx # Webhook handler
│ ├── shopify.server.ts # Shopify API client
│ └── root.tsx
├── extensions/
│ ├── my-function/ # Shopify Function
│ └── my-checkout-ui/ # Checkout UI extension
├── shopify.app.toml # App configuration
├── package.json
└── .env
my-theme/
├── assets/ # CSS, JS, images
├── config/
│ ├── settings_schema.json # Theme settings
│ └── settings_data.json # Default settings values
├── layout/
│ └── theme.liquid # Main layout
├── locales/ # Translations
├── sections/ # Reusable sections
├── snippets/ # Reusable Liquid snippets
├── templates/
│ ├── index.json # Homepage template
│ └── product.json # Product page template
└── .shopify/ # CLI metadata
hydrogen-storefront/
├── app/
│ ├── routes/
│ │ ├── ($locale)._index.tsx
│ │ ├── ($locale).products.$handle.tsx
│ │ └── ($locale).collections.$handle.tsx
│ ├── components/
│ ├── lib/
│ │ └── context.ts
│ └── root.tsx
├── server.ts
├── hydrogen.config.ts
├── remix.config.js
└── .env
SHOPIFY_API_KEY=your-api-key
SHOPIFY_API_SECRET=your-api-secret
SHOPIFY_APP_URL=https://your-app.example.com
SCOPES=read_products,write_products,read_orders
SHOPIFY_STORE=your-dev-store.myshopify.com
Never hardcode secrets — always use .env files (excluded from version control) or your platform's secret manager.
Do NOT use these deprecated tools:
shopify theme CLI commandsshopify app init or shopify theme init to scaffold projects — do not set up manuallyhttps://shopify.dev/docs/api/usage/versioning).env in .gitignoreshopify app dev for local development with hot reload and tunnelshopify theme check before deploying themesFetch the Shopify CLI docs and getting-started guides for exact commands and latest project structures before setting up.