Themes

What this skill does

The Themes skill guides the development of Shopify storefronts using Liquid templating, enabling precise control over dynamic content and layout. It covers core Liquid syntax, including output objects, control flow tags, and filters for transforming data like product details, prices, and images. This skill also details theme architecture, including directory structure, reusable sections, snippets, and flexible templates that support common ecommerce page types.

Who it's for

This skill is essential for Shopify developers customizing stores beyond standard themes, marketing teams needing tailored email or promotional templates, and agencies managing multiple client storefronts. Growth leads working to optimize user experience through faster load times and curated product displays will find value in understanding how Liquid integrates with Shopify’s data objects and filters. SEO specialists can also leverage Liquid filters and template logic to better control metadata and content presentation.

Key workflows

Practitioners begin by setting up the theme directory with assets, layouts, sections, snippets, and templates to modularize code and enable reuse. Next, they implement Liquid logic to output dynamic product, collection, cart, and customer data, applying filters like `money` for currency formatting or `truncate` for concise descriptions. Third, they build reusable sections such as product grids or headers to maintain consistency and speed iteration. Finally, they customize page templates to arrange sections and control display order, balancing performance and user engagement.

Common questions

How do I format prices correctly? Use the `money` filter on price objects to match the store’s currency format. Can I conditionally display content based on product availability? Yes, control flow tags like `{% if product.available %}` allow showing elements conditionally. How do I reuse components across pages? Create snippets or sections that can be included with `{% include %}` or `{% section %}` tags to maintain modularity.

How to use in Metaflow

Attach the Themes skill to a Metaflow agent tasked with Shopify theme customization, Liquid templating, or email template generation. Expect the agent to interpret and generate Liquid code snippets, construct modular theme files, and apply filters and logic to dynamic store data. This skill supports workflows involving product listings, cart displays, and customer-specific content. For more detailed guidance, consult the internal resources on...

For broader context, see our roundup of claude skills for marketing, and read best Claude skills for marketing agencies for related setup guidance.