Back to the catalog

liquid-lsp

LSP integration for Shopify Liquid templates via the Shopify CLI theme language server.

Open source Repository Open in the app JSON README (API)

About

LSP integration for Shopify Liquid templates via the Shopify CLI theme language server.

Details

Kind
Plugins
Topic
Developer tools
Publisher
shopify
Origin
marketplace
Category
ferramentas
Stars
32
Forks
5
Last push
2026-03-18T16:09:46Z
Repository state
ativo
Added
2026-08-30 01:48:58
Updated
2026-08-30 01:48:58
Origin id
shopify/liquid-skills/liquid-lsp

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](./plugins/liquid-lsp) | LSP integration for Shopify Liquid templates |
| [liquid-skills](./plugins/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):

```bash
npm install -g @shopify/cli
```

## liquid-skills

Three Claude Agent Skills for Shopify Liquid theme development:

| Skill | Scope | What Claude learns |
|-------|-------|--------------------|
| [`shopify-liquid-themes`](./plugins/liquid-skills/skills/shopify-liquid-themes/) | Liquid language | Schema JSON, LiquidDoc, filters, tags, objects, translations |
| [`liquid-theme-standards`](./plugins/liquid-skills/skills/liquid-theme-standards/) | CSS/JS/HTML | BEM in `{% stylesheet %}`, design tokens, Web Components, defensive CSS |
| [`liquid-theme-a11y`](./plugins/liquid-skills/skills/liquid-theme-a11y/) | Accessibility | WCAG patterns for e-commerce components |


## Development

Test plugins locally:

```bash
claude --plugin-dir ./plugins/liquid-lsp
```

More