liquid-skills
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
Open source Repository Open in the app JSON README (API)
About
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
Details
- Kind
- Plugins
- Topic
- E-commerce & business
- 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-skills
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
```