theme-shopify-liquid-templates

Document Liquid template guidelines for Shopify theme snippets and assets.

Updated Jul 1, 2025
One-click install
npx skills add https://github.com/kleyverx/shopify-theme-oxford --skill theme-shopify-liquid-templates-kleyverx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: theme-shopify-liquid-templates
Source: https://github.com/kleyverx/shopify-theme-oxford/tree/main/.agents/skills/theme-shopify-liquid-templates
Command: npx skills add https://github.com/kleyverx/shopify-theme-oxford --skill theme-shopify-liquid-templates-kleyverx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps developers maintain consistent, high-quality Liquid templates across Shopify themes by providing clear guidelines, patterns, and examples for snippets, logic, image handling, and inline SVG usage.

Core Features & Use Cases

  • Snippet usage guidelines: prefer render over include and document usage at the top of each snippet.
  • Liquid logic patterns: use the liquid tag for complex logic and aim for readable, linear code.
  • Image and SVG guidance: always use image_tag, inline SVG for styling, and manage assets efficiently.

Quick Start

Refactor an existing theme to use render, simplify logic, and inline SVGs according to these guidelines.

Frequently Asked Questions about theme-shopify-liquid-templates

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

FAQPage Schema
What are the best practices for Shopify Liquid templates and snippet usage?

Best practices for Shopify Liquid templates include preferring the render tag over include and documenting usage at the top of each snippet to maintain consistent, high-quality theme code.

How do I handle images and inline SVGs in Shopify Liquid themes?

To handle images and inline SVGs in Shopify Liquid themes, always use the image_tag filter for images and inline SVGs directly to allow efficient asset management and styling.

How do I write readable Liquid logic for complex Shopify theme templates?

To write readable Liquid logic for complex Shopify theme templates, use the liquid tag for multi-line logic and aim for linear, straightforward code flow instead of deeply nested statements.

What's the best way to refactor existing Shopify Liquid snippets to follow current guidelines?

The best way to refactor existing Shopify Liquid snippets is to replace include tags with render, simplify complex logic into linear code, and inline SVGs according to documented guidelines.

Why should I use the render tag instead of include in Shopify Liquid?

You should use the render tag instead of include in Shopify Liquid because render provides better variable scoping and performance, which helps maintain consistent and high-quality template architecture.

Does this approach to Shopify Liquid templates work for maintaining existing themes?

Yes, this approach applies directly to maintaining existing Shopify themes by providing guidelines for snippet creation, Liquid logic simplification, and asset management during theme development.