SpectreSkills
← All skills

liquid-conventions

v1.0.0

Write idiomatic, performant Liquid for Shopify themes. Trigger when authoring or reviewing .liquid templates, snippets, or sections.

Shopifyshopifyliquid
Install
npx @spectre-apps/skills add liquid-conventions

Writes .claude/skills/liquid-conventions/SKILL.md. Add --user to install globally.

What it does

Liquid conventions

  • Prefer {% liquid %} for multi-line logic and {%- -%} whitespace control to keep rendered HTML clean.
  • Pass data into snippets explicitly with {% render %} (not the legacy {% include %}), which isolates scope.
  • Use {{ image | image_url: width: 800 | image_tag }} for responsive, CDN-optimized images; never build image URLs by hand.
  • Reach for filters (money, default, where, map) before custom loops. Avoid nested loops over large collections in the render path.