Comprehensive Shopify Horizon theme development skill covering theme blocks, Liquid patterns, section schemas, metafields/metaobjects integration, responsive design, and custom sections. Use when working with Shopify Horizon themes, customizing sections, creating theme blocks, displaying metafields/metaobjects, building responsive layouts, troubleshooting Liquid code, or implementing custom product options and features.
How this skill is triggered — by the user, by Claude, or both
Slash command
/shopify-liquid-designer:shopify-horizonThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This skill provides deep knowledge of Shopify's Horizon theme framework, including its unique block-based architecture, Liquid templating, metafields/metaobjects, and modern customization patterns.
This skill provides deep knowledge of Shopify's Horizon theme framework, including its unique block-based architecture, Liquid templating, metafields/metaobjects, and modern customization patterns.
Use this skill for any task involving:
references/section-schemas.md for schema structurereferences/liquid-patterns.md for Liquid code examples/sections/ with schemareferences/metafields-metaobjects.md for complete guidereferences/metafields-metaobjects.md → "Product Option Swatches" sectionreferences/responsive-design.md → "Different Images for Desktop/Mobile" sectionreferences/theme-structure.md → "/blocks/ Directory" section/blocks/ folderEach reference file contains detailed patterns, code examples, and best practices:
references/theme-structure.mdRead this when: You need to understand where files go or how Horizon's structure differs from other themes.
references/liquid-patterns.mdRead this when: Writing Liquid code or looking for code snippets.
references/section-schemas.mdRead this when: Creating or modifying section/block schemas.
references/metafields-metaobjects.mdRead this when: Working with custom data, product options, or content beyond default Shopify fields.
references/responsive-design.mdRead this when: Building responsive sections or solving mobile/desktop display issues.
references/theme-settings.mdRead this when: Creating theme-wide settings or accessing global configurations.
assets/contact-section.liquidComplete, production-ready Contact Us section with:
Use this as: A reference for creating custom sections or copy it directly to your theme.
Unlike Dawn, Horizon uses theme blocks that:
/blocks/ folderKey Liquid tag: {% content_for 'blocks' %}
{% schema %}
{
"name": "Your Block",
"blocks": [{ "type": "@theme" }],
"presets": [...]
}
{% endschema %}
See references/liquid-patterns.md → "Breadcrumbs Pattern"
See references/metafields-metaobjects.md → "Accessing Metafields in Liquid"
See references/responsive-design.md → "Different Images for Desktop/Mobile"
See references/metafields-metaobjects.md → "Product Option Swatches (Your Use Case!)"
Use section schema with "type": "text" or "type": "richtext" and access via {{ section.settings.your_setting }}
{% if product.metafields.namespace.key %}...{% endif %}"blocks": [{ "type": "@theme" }]{% content_for 'blocks' %} is in section Liquid/blocks/ folderwidths and sizes attributesloading: 'lazy' on imageswidths attribute{%- -%} in Liquid{%- -%}For advanced techniques like nested block presets, conditional rendering, dynamic section colors, and complex metaobject relationships, consult the specific reference files. Each file contains progressive examples from basic to advanced.
If you encounter issues not covered in the references:
npx claudepluginhub vincent-laroche/hairsolutionsco-ai-toolkit --plugin shopify-liquid-designerProvides behavioral guidelines to reduce common LLM coding mistakes, focusing on simplicity, surgical changes, assumption surfacing, and verifiable success criteria.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.