shopify-development

Develop Shopify apps, UI extensions, themes, and Functions with OAuth and GraphQL.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/gerald-ica/dev-tool-configs --skill shopify-development-gerald-ica
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shopify-development
Source: https://github.com/gerald-ica/dev-tool-configs/tree/main/gemini/skills/shopify-development
Command: npx skills add https://github.com/gerald-ica/dev-tool-configs --skill shopify-development-gerald-ica

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires shopify-cli, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of developing and managing Shopify apps, extensions, and themes, reducing development time and complexity.

Core Features & Use Cases

  • App Development: Leverage OAuth, GraphQL, and REST APIs for app development with features like OAuth authentication, GraphQL Admin API, webhooks, and billing integration.
  • UI Extensions: Customize checkout, admin, and POS UIs with Polaris components for seamless user experiences.
  • Theme Development: Create custom themes with Liquid templating, sections, and snippets for a unique storefront.
  • Shopify Functions: Implement custom discounts, payment, delivery rules, and more.
  • Use Case: If you need to develop a Shopify app that provides advanced checkout customization and integrates with the Shopify API, this Skill will help you achieve it.

Quick Start

Use the 'shopify-development' skill to create a new Shopify app with:

shopify app init

Frequently Asked Questions about shopify-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Shopify app with OAuth authentication and GraphQL API?

Shopify app development requires configuring OAuth authentication and integrating the GraphQL Admin API. You can streamline this by initializing your project with the Shopify CLI to handle boilerplate setup.

What is the best way to customize checkout UI using Shopify UI extensions?

Customizing checkout UI involves building Shopify UI extensions with Polaris components. This approach allows you to seamlessly customize checkout, admin, and POS interfaces for enhanced user experiences.

Can I use Shopify Functions to implement custom discounts and delivery rules?

Yes, Shopify Functions allow you to implement custom discounts, payment, and delivery rules. This feature extends platform capabilities by letting you define specific backend logic for your store's operations.

How do I create custom Shopify themes with Liquid templating?

Creating custom Shopify themes requires using Liquid templating to build sections and snippets. This process allows you to design a unique storefront by customizing the underlying theme structure.

Do I need Shopify CLI to develop and manage Shopify themes and extensions?

Yes, you need Shopify CLI to efficiently build and manage Shopify apps, extensions, and themes. It serves as the primary tool for initializing projects and handling development workflows.

How does webhook handling work during Shopify app development?

Webhook handling in Shopify app development allows your application to receive real-time notifications for store events. This is integrated alongside OAuth and GraphQL API configurations to sync data automatically.