shopify-development

npx skills add sickn33/agentic-awesome-skills --skill shopify-development --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# Shopify Development Skill Use this skill when the user asks about: - Building Shopify apps or extensions - Creating checkout/admin/POS UI customizations - Developing themes with Liquid templating - Integrating with Shopify GraphQL or REST APIs - Implementing webhooks or billing - Working with metafields or Shopify Functions --- ## ROUTING: What to Build **IF user wants to integrate external services OR build merchant tools OR charge for features:** → Build an **App** (see `references/app-development.md`) **IF user wants to customize checkout OR add admin UI OR create POS actions OR implement discount rules:** → Build an **Extension** (see `references/extensions.md`) **IF user wants to customize storefront design OR modify product/collection pages:** → Build a **Theme** (see `references/themes.md`) **IF user needs both backend logic AND storefront UI:** → Build **App + Theme Extension** combination --- ## Shopify CLI Commands Install CLI: ```bash npm install -g @shopify/cli@latest ``` Create and run app: ```bash shopify app init # Create new app shopify app dev # Start dev server with tunnel shopify app deploy # Build and upload to Shopify ``` Generate extension: ```bash shopify a

npm install -g @shopify/cli@latest
shopify app init          # Create new app
shopify app dev           # Start dev server with tunnel
shopify app deploy        # Build and upload to Shopify
shopify app generate extension --type checkout_ui_extension
shopify app generate extension --type admin_action
shopify app generate extension --type admin_block
shopify app generate extension --type pos_ui_extension
shopify app generate extension --type function
shopify theme init        # Create new theme