BeClaude

liquid-lsp

New
18Official PluginDevelopmentby Shopify

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

4 forksUpdated 6/15/2026First seen 5/22/2026

Summary

Liquid LSP provides Language Server Protocol integration for Shopify Liquid templates using the Shopify CLI theme language server.

  • It enables autocompletion, syntax highlighting, error checking, and hover documentation directly in Claude Code, streamlining theme development and debugging.

Install & Usage

1
Add a marketplace
/plugin marketplace add <org/repo>
2
Install the plugin

Add the configuration to /plugin install liquid-lsp@<marketplace>

3
Manage with /plugin
/plugin

Use Cases

Get autocompletion for Liquid tags, filters, and Shopify objects while editing .liquid files.
Diagnose syntax errors and undefined variables in Liquid templates during development.
Hover over Liquid code to see documentation for tags, filters, and object properties.
Navigate to definitions of Liquid objects and snippets within the theme.
Format Liquid templates according to Shopify's recommended style.
Validate Liquid templates against the Shopify theme schema.

Usage Examples

1

/liquid-lsp enable for current project

2

Check this Liquid template for errors: {% if product.title %}

3

Show me the documentation for the 'image_url' filter in Liquid.

View source on GitHub
lsp

Security Audits

LicenseUnknownSourcePassRepositoryPass

Frequently Asked Questions

What is liquid-lsp?

Liquid LSP provides Language Server Protocol integration for Shopify Liquid templates using the Shopify CLI theme language server. It enables autocompletion, syntax highlighting, error checking, and hover documentation directly in Claude Code, streamlining theme development and debugging.

How to install liquid-lsp?

To install liquid-lsp: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install liquid-lsp@<marketplace>. Finally, /plugin in Claude Code.

What is liquid-lsp best for?

liquid-lsp is a plugin categorized under Development. It is designed for: lsp. Created by Shopify.

What can I use liquid-lsp for?

liquid-lsp is useful for: Get autocompletion for Liquid tags, filters, and Shopify objects while editing .liquid files.; Diagnose syntax errors and undefined variables in Liquid templates during development.; Hover over Liquid code to see documentation for tags, filters, and object properties.; Navigate to definitions of Liquid objects and snippets within the theme.; Format Liquid templates according to Shopify's recommended style.; Validate Liquid templates against the Shopify theme schema..