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-skillsPrerequisites
The Shopify CLI must be installed (required by the LSP plugin):
npm install -g @shopify/cliliquid-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