Liquid language support plugin for Claude Code
Install
npx skills add Shopify/liquid-skillsgh skill install Shopify/liquid-skillsgit clone --depth 1 https://github.com/Shopify/liquid-skillsSkills in this collection
- Liquid Theme A11yShopifyOfficialImplement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.
- Liquid Theme StandardsShopifyOfficialCSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.
- Shopify Liquid ThemesShopifyOfficialGenerate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.