← All skillsliquid-conventions
v1.0.0Write idiomatic, performant Liquid for Shopify themes. Trigger when authoring or reviewing .liquid templates, snippets, or sections.
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.