Shopify Theme Development

Overview

Build and customize Shopify themes using Liquid templating, JSON templates, sections and blocks for merchant-customizable layouts, and theme app extensions for app integrations. This skill covers the Shopify theme architecture (Online Store 2.0), the Shopify CLI development workflow, performance optimization with lazy loading and critical CSS, and patterns for building flexible sections that merchants can configure through the theme editor.

When to Use This Skill

• When building a new Shopify theme from scratch or forking Dawn
• When creating custom sections and blocks for the theme editor
• When implementing product pages, collection grids, or cart functionality in Liquid
• When optimizing a Shopify theme for Core Web Vitals and speed
• When building theme app extensions to inject app content into themes

Core Instructions

1. Set up the development environment with Shopify CLI