REPO PACKAGE
shopify liquid-skills
OFFICIAL3skills
3ready to use
LABSCO SUMMARY
shopify-liquid-themes is the core skill: it generates section, block, and snippet code with correct schema JSON, LiquidDoc headers, translation keys, and Liquid's own objects, filters, and tags. liquid-theme-standards sits next to it for everything that isn't Liquid syntax — CSS and JavaScript conventions inside a theme's {% stylesheet %} and {% javascript %} tags, BEM naming, design tokens, Web Components for themes, and defensive, progressive-enhancement patterns. liquid-theme-a11y is the narrowest of the three: WCAG 2.2 patterns for the specific components a theme actually ships, such as product cards, carousels, cart drawers, price displays, forms, filters, and modals.
All three activate on any .liquid file or theme asset, so in practice they overlap rather than gate each other — writing a cart drawer's markup can pull in the accessibility skill for its ARIA pattern and the standards skill for its CSS in the same pass. This is for someone building or reviewing a Shopify theme directly in Liquid; it has nothing to say about the Admin API, checkout extensibility, or app development outside theme code.
READ THE FULL ANALYSIS
The repository is not only these three skills. liquid-skills is one of two Claude Code plugins in this marketplace — the other, liquid-lsp, wires up an LSP for Liquid templates and needs the Shopify CLI installed first, a real dependency the three skills above don't carry, since the marketplace installs the two plugins separately. Our skill count and this summary cover the skills plugin alone.
ALSO IN THIS PACKAGE
PLUGINS
2 itemsPLUGIN
liquid-lsp
LSP integration for Shopify Liquid templates via the Shopify CLI theme language server
PLUGIN
liquid-skills
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
WHAT'S INSIDE
3 showing · 3 totalReady to use
Nothing else to set up — install it and go.
3 of 3
SETUP
Showing all 3 skills
liquid-theme-a11y
A Shopify storefront becomes unusable for anyone on a keyboard or a screen reader if its carousels, modals and cart drawers are built carelessly; these are the patterns that stop that.
liquid-theme-standards
A Shopify storefront theme built the way Shopify builds them: the page works as plain HTML before any styling or scripting loads, nothing is pulled in from an outside library, and every colour and spacing value comes from one shared list instead of being typed in by hand.
shopify-liquid-themes
Building the pieces a Shopify storefront is made of, and wiring up the settings a shop owner will later change from the theme editor without touching any code.
No skill in this package matches that.
HOW TO GET IT
WHOLE PACKAGEInstall the whole package (3 skills)
npx skills add shopify/liquid-skillsSINGLE SKILLOr install a single skill
npx skills add shopify/liquid-skills --skill <name> --full-depthPick the skill name from the Skills tab — each entry there installs independently.
PLUGIN MARKETPLACEAdd the marketplace, then install the plugins you want
/plugin marketplace add shopify/liquid-skills/plugin install liquid-lsp@liquid-skills/plugin install liquid-skills@liquid-skillsTyped inside the agent's own prompt, not in a terminal. The marketplace is called liquid-skills, which is the part after the @.