Updated 7mo ago
by Shopify
liquid-skills
Liquid language support plugin for Claude Code
35 GitHub stars (35)
Steady at 35 stars — no new stars in the 16 days since Sep 30.
- 3 skills (3 skills found in its SKILL.md files)
- 6 forks (6 forks)
- 7mo ago last update (Last updated 7mo ago)
Install
Skills CLI
npx skills add Shopify/liquid-skills
Asks which skills and agents to install. Just one: npx skills add Shopify/liquid-skills --skill liquid-theme-a11y — add -g for every project.
Claude Code
git clone https://github.com/Shopify/liquid-skillscp -r "liquid-skills/plugins/liquid-skills/skills/liquid-theme-a11y" ~/.claude/skills/
Copies the liquid-theme-a11y skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add Shopify/liquid-skills
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
liquid-theme-a11y
Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.
plugins/liquid-skills/skills/liquid-theme-a11y/SKILL.md on GitHub (opens in a new tab) -
liquid-theme-standards
CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.
plugins/liquid-skills/skills/liquid-theme-standards/SKILL.md on GitHub (opens in a new tab) -
shopify-liquid-themes
Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.
plugins/liquid-skills/skills/shopify-liquid-themes/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.