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-commerceThis skill is limited to using the following tools:
**Fetch live docs**:
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Guides MCP server integration in Claude Code plugins via .mcp.json or plugin.json configs for stdio, SSE, HTTP types, enabling external services as tools.
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.