# liquid skills — Agent Skill

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

## At a glance

liquid-skills is an Agent Skill by Shopify in the Design & Creative category. In Claude Code it installs with `/plugin install liquid-skills@claude-plugins-official` after adding the anthropics/claude-plugins-official marketplace; other assistants use its SKILL.md instructions as rules. Its source repository has 35 GitHub stars (as of Oct 28, 2026).

## Install

### How to install liquid skills in Claude Code

1. Add the marketplace

```claude
/plugin marketplace add anthropics/claude-plugins-official
```

2. Install the skill

```claude
/plugin install liquid-skills@claude-plugins-official
```

3. Use it

   These are slash commands for a Claude Code session, not your shell. Claude auto-invokes the skill when your request matches its description — or type its slash command if it exposes one.

### How to install liquid skills in Claude Desktop

1. Clone the source

```bash
git clone https://github.com/Shopify/liquid-skills.git
```

2. Find the skill

   It lives in liquid-skills/plugins/liquid-skills — that folder contains the SKILL.md.

3. Add the SKILL.md to your Skills folder

   Settings → Capabilities → Skills → add the folder containing SKILL.md. Claude picks it up automatically.

### How to install liquid skills in Cursor

1. Clone the source

```bash
git clone https://github.com/Shopify/liquid-skills.git
```

2. Find the skill

   It lives in liquid-skills/plugins/liquid-skills — that folder contains the SKILL.md.

3. Convert to a Cursor rule

   Create .cursor/rules/liquid-skills.mdc and paste the SKILL.md body. Set `alwaysApply` or a glob so the Agent loads it in context.

### How to install liquid skills in Codex CLI

1. Clone the source

```bash
git clone https://github.com/Shopify/liquid-skills.git
```

2. Find the skill

   It lives in liquid-skills/plugins/liquid-skills — that folder contains the SKILL.md.

3. Reference in AGENTS.md

   Add the skill's instructions (or a link) to AGENTS.md at your repo root — Codex reads it on every run.

### How to install liquid skills in Windsurf

1. Clone the source

```bash
git clone https://github.com/Shopify/liquid-skills.git
```

2. Find the skill

   It lives in liquid-skills/plugins/liquid-skills — that folder contains the SKILL.md.

3. Add to your rules / context

   Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.

### How to install liquid skills in Cline

1. Clone the source

```bash
git clone https://github.com/Shopify/liquid-skills.git
```

2. Find the skill

   It lives in liquid-skills/plugins/liquid-skills — that folder contains the SKILL.md.

3. Add to your rules / context

   Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.

### How to install liquid skills in VS Code

1. Clone the source

```bash
git clone https://github.com/Shopify/liquid-skills.git
```

2. Find the skill

   It lives in liquid-skills/plugins/liquid-skills — that folder contains the SKILL.md.

3. Add to your rules / context

   Paste the SKILL.md instructions into this tool's custom rules or workspace instructions so the agent follows them.

Source: https://github.com/Shopify/liquid-skills/tree/main/plugins/liquid-skills

---

Source: https://mcp-skills-hub.vercel.app/skills/liquid-skills · MCP Skills Hub · data as of 2026-10-28T12:31:05Z