shopify-development

Build Shopify apps, extensions, themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid.

By sickn33 · 1,821 installs

npx skills add sickn33/agentic-awesome-skills --skill shopify-development

Source repository · Upstream listing

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: Create and run app: Generate extension: Theme development: Access Scopes Configure in shopify.app.toml : Common scopes: read products , write products Product catalog access read orders , write orders Order management read customers , write customers Customer data read inventory , write inventory Stock levels read fulfillments , write fulfillments Order fulfillment GraphQL Patterns (Validated against API 2026 01) Query Products Query Orders Set Metafields Variables example: Checkout Extension Example Liquid Template Example Webhook Configuration In shopify.app.toml : Best Practices API Usage Use GraphQL over REST for new development Request only fields you need (reduces query cost) Implement cursor based pagination with pageInfo.endCursor Use bulk operations for processing more than 250 items Handle rate limits with exponential backoff Security Store API credentials in environment variables Always verify webhook HMAC signatures before processing Validate OAuth state parameter to prevent CSRF Request minimal access scopes Use session tokens for embedded apps Performance Cache API responses when data doesn't change frequently Use lazy loading in extensions Optimize images in themes using img url filter Monitor GraphQL query costs via response headers Troubleshooting IF you see rate limit errors: → Implement exponential backoff retry logic → Switch to bulk operations for large datasets → Monitor X Shopify Shop Api Call Limit header IF authentication fails: → Verify the access token is still valid → Check that all required scopes were granted → Ensure OAuth flow completed successfully IF extension is not appearing: → Verify the extension target is correct → Check that extension is published via shopify app deploy → Confirm the app is installed on the test store IF webhook is not receiving events: → Verify the webhook URL is publicly accessible → Check HMAC signature validation logic → Review webhook logs in Partner Dashboard IF GraphQL query fails: → Validate query against schema (use GraphiQL explorer) → Check for deprecated fields in error message → Verify you have required access scopes Reference Files For detailed implementation guides, read these files: references/app development.md OAuth authentication flow, GraphQL mutations for products/orders/billing, webhook handlers, billing API integration references/extensions.md Checkout UI components, Admin UI extensions, POS extensions, Shopify Functions for discounts/payment/delivery references/themes.md Liquid syntax reference, theme directory structure, sections and snippets, common patterns Scripts scripts/shopify init.py Interactive project scaffolding. Run: python scripts/shopify init.py scripts/shopify graphql.py GraphQL utilities with query templates, pagination, rate limiting. Import: from shopify graphql import ShopifyGraphQL Official Documentation Links Shopify Developer Docs: https://shopify.dev/docs GraphQL Admin API Reference: https://shopify.dev/docs/api/admin graphql Shopify CLI Reference: https://shopify.dev/docs/api/shopify cli Polaris Design System: https://polaris.shopify.com API Version: 2026 01 (quarterly releases, 12 month deprecation window) When to Use This skill is applicable to execute the workflow or actions described in the overview. Limitations Use this skill only when the task clearly matches the scope described above. Do not treat the output as a substitute for environment specific validation, testing, or expert review. Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.