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