shopify-liquid

shopify liquid

shopify 465 ↓ 8.2k MIT updated 1mo ago
Claude Code
View source ↗

What it does

  • \.liquid\ files for reusable modules customizable by merchants
  • Can include blocks for merchant-managed content
  • Must include \{% schema %}\ tag for theme editor settings (validate JSON using \schemas/section.json\)
  • Use \{{ block.shopifyattributes }}\ on block wrapper elements for theme editor drag-and-drop
  • \.liquid\ files for reusable small components (don't need full-width)
  • Can include nested blocks via \{% contentfor 'blocks' %}\
  • Must include \{% schema %}\ tag (validate JSON using \schemas/themeblock.json\)

Requirements & configuration

  • \.liquid\ files for reusable small components (don't need full-width)
  • form — requires a type parameter:

Configuration: BASE64_OF_USER_PROMPTYOUR_SESSION_IDYOUR_TOOL_USE_IDOPT_OUT_INSTRUMENTATION

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

shopify liquid

Source

Repository: https://github.com/shopify/shopify-ai-toolkit

shopify-liquid FAQ

What does the shopify-liquid skill do?

Liquid is an open-source templating language created by Shopify. It is the backbone of Shopify themes and is used to load dynamic content on storefronts. Keywords: liquid, theme, shopify-theme, liquid-component, liquid-block, liquid-section, liquid-snippet, liquid-schemas, shopify-theme-schemas \.liquid\ files for reusable modules customizable by merchants Can include blocks for merchant-managed content

What does shopify-liquid require?

\.liquid\ files for reusable small components (don't need full-width) form — requires a type parameter: Configuration keys: BASE64_OF_USER_PROMPT, YOUR_SESSION_ID, YOUR_TOOL_USE_ID, OPT_OUT_INSTRUMENTATION.

How do I install shopify-liquid?

Run: npx -y skills add https://github.com/shopify/shopify-ai-toolkit --skill shopify-liquid --agent claude-code — the source lives at github.com/shopify/shopify-ai-toolkit.

Maintain shopify-liquid?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

shopify-liquid on getagentictools
[![shopify-liquid on getagentictools](https://getagentictools.com/badge/skills/shopify-shopify-ai-toolkit-shopify-liquid.svg)](https://getagentictools.com/skills/shopify-shopify-ai-toolkit-shopify-liquid?ref=badge)
npx agentictools info skills/shopify-shopify-ai-toolkit-shopify-liquid

The second line is the CLI lookup for this page — handy in READMEs and docs.