Shopify Liquid Skill for Claude Code: Preview a Theme Snippet with Sample Data

Use Shopify's legacy Liquid skill to design a theme snippet, check how it handles blank content, and prepare a local preview. Find the current toolkit equivalent for new projects.

中文

Setup for Claude Code

Use the pinned legacy Shopify Toolkit 1.9.1 skill in a practice project. The exercise uses a scratch theme and a two-value fixture. Real theme preview needs Shopify's theme tooling and an authorized development store. Shopify's refreshed toolkit uses the combined shopify skill for developer API surfaces. The pinned skill's documentation and validation helpers can report usage and validation context to Shopify, and their notice documents OPT_OUT_INSTRUMENTATION=true. Use only sample inputs.

Open Shopify's pinned source below and copy the complete skills/shopify-liquid directory into .claude/skills/shopify-liquid in a disposable project, keeping the included scripts and references.
Open the project in the selected client and load /shopify-liquid. Follow the pinned skill's tool preflight for the requested task.

Example task

Ask /shopify-liquid to plan a snippet that shows a banner only when a message is set. Use two fixtures, one with Hello from the sample store as the message and the other with an empty message. Ask for a local preview checklist and the Liquid documentation it would consult.

Expected result

The checklist shows a banner with the test message in the first fixture and no banner in the second. It identifies the snippet and the caller that supplies its message. No live theme changes are made.

Upstream documentation

Original SKILL.md on GitHub · MIT license · Source reviewed 2026-11-15

Frequently asked question

Where is Liquid guidance in the current Shopify AI Toolkit?

The combined shopify skill routes theme work to the Liquid guidance. The pinned individual skill is useful when reproducing behavior from Toolkit 1.9.1.