liquid-patterns

What problem does it solve?

This Skill provides ready-to-use Liquid code snippets for common Shopify theme development tasks, reducing the need to write boilerplate code and ensuring best practices.

Core Features & Use Cases

• Translation Management: Implement multi-language support using Liquid's t filter.
• Product Display: Render product cards with images, prices, and variant selectors.
• Image Handling: Create responsive images with srcset and sizes attributes.
• Metafield Access: Dynamically display data from product and shop metafields.
• Use Case: Quickly add a product card component to a collection page, including translation-ready labels and dynamic pricing.

Quick Start

Use the liquid-patterns skill to generate a product card snippet for a Shopify theme.