Liquid Skills banner
Shopify Shopify

Liquid Skills

Development community

Description

Liquid language support plugin for Claude Code

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

liquid-skills

A [Claude Code plugin marketplace](https://code.claude.com/docs/en/plugin-marketplaces) 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](https://shopify.dev/docs/api/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