Language: 日本語English

liquid-skills Plugin

Author
Shopify
Category
Development
Topics
Claude Code Customization & Workflow · Web & App Development
First seen
2026-07-09
Last confirmed
2026-07-13
Explanation last updated
2026-07-12

The explanation below is AI-generated. Please verify it against the sources.

liquid-skills is a Claude Code plugin, distributed through the Shopify/liquid-skills GitHub marketplace, that teaches Claude three skills for Shopify Liquid theme development. According to the README, the skills cover Liquid language fundamentals (schema JSON, LiquidDoc, filters, tags, objects, translations), CSS/JS/HTML coding standards (BEM in {% stylesheet %}, design tokens, Web Components, defensive CSS), and WCAG accessibility patterns for e-commerce components. It is installed by adding the Shopify/liquid-skills marketplace in Claude Code and then running /plugin install commands. The repository also contains a companion plugin, liquid-lsp, which provides LSP integration for Liquid templates and requires the Shopify CLI to be installed.

Overview

liquid-skills is not a SaaS product but a Claude Code plugin (a set of Agent Skills). Per the README, it is distributed via the Shopify/liquid-skills GitHub repository, described there as a 'Claude Code plugin marketplace' for Shopify theme development.

What you can do with liquid-skills

  • Add the Shopify/liquid-skills marketplace and install the liquid-skills plugin via /plugin marketplace add Shopify/liquid-skills and /plugin install liquid-skills@liquid-skills
  • Give Claude the shopify-liquid-themes skill covering schema JSON, LiquidDoc, filters, tags, objects, and translations
  • Give Claude the liquid-theme-standards skill covering BEM in {% stylesheet %}, design tokens, Web Components, and defensive CSS
  • Give Claude the liquid-theme-a11y skill covering WCAG accessibility patterns for e-commerce components
  • Optionally install the companion liquid-lsp plugin for LSP integration with Shopify Liquid templates (requires Shopify CLI)
  • Test the plugin locally with claude --plugin-dir ./plugins/liquid-lsp

Sources

Original description (English)

Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes

History of liquid-skills

Back to list