liquid-skills

A Claude Code plugin marketplace providing Liquid language support for Shopify theme development.

Plugins

| Plugin | Description | |--------|-------------| | liquid-lsp | LSP integration for Shopify Liquid templates | | liquid-skills | Liquid fundamentals, coding standards, and accessibility skills |

Installation

Add the marketplace, then install plugins:

/plugin marketplace add Shopify/liquid-skills
/plugin install liquid-lsp@liquid-skills
/plugin install liquid-skills@liquid-skills

Prerequisites

The Shopify CLI must be installed (required by the LSP plugin):

npm install -g @shopify/cli

liquid-skills

Three Claude Agent Skills for Shopify Liquid theme development:

| Skill | Scope | What Claude learns | |-------|-------|--------------------| | shopify-liquid-themes | Liquid language | Schema JSON, LiquidDoc, filters, tags, objects, translations | | liquid-theme-standards | CSS/JS/HTML | BEM in {% stylesheet %}, design tokens, Web Components, defensive CSS | | liquid-theme-a11y | Accessibility | WCAG patterns for e-commerce components |

Development

Test plugins locally:

claude --plugin-dir ./plugins/liquid-lsp