By shopify
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
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.
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.
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.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A Claude Code plugin marketplace providing Liquid language support for Shopify theme development.
| Plugin | Description |
|---|---|
| liquid-lsp | LSP integration for Shopify Liquid templates |
| liquid-skills | Liquid fundamentals, coding standards, and accessibility skills |
Add the marketplace, then install plugins:
/plugin marketplace add Shopify/liquid-skills
/plugin install liquid-lsp@liquid-skills
/plugin install liquid-skills@liquid-skills
The Shopify CLI must be installed (required by the LSP plugin):
npm install -g @shopify/cli
Three Claude Agent Skills for Shopify Liquid theme development:
| Skill | Scope | What Claude learns |
|---|---|---|
shopify-liquid-themes | Liquid language | Schema JSON, LiquidDoc, filters, tags, objects, translations |
liquid-theme-standards | CSS/JS/HTML | BEM in {% stylesheet %}, design tokens, Web Components, defensive CSS |
liquid-theme-a11y | Accessibility | WCAG patterns for e-commerce components |
Test plugins locally:
claude --plugin-dir ./plugins/liquid-lsp
Shopify developer tools for Claude Code — search Shopify docs, generate and validate GraphQL, Liquid, and UI extension code
ShopifyShopify developer tools for Claude Code — search Shopify docs, generate and validate GraphQL, Liquid, and UI extension code
ShopifyLSP integration for Shopify Liquid templates via the Shopify CLI theme language server
npx claudepluginhub shopify/liquid-skills --plugin liquid-skillsShopify developer tools for Claude Code — search Shopify docs, generate and validate GraphQL, Liquid, and UI extension code
ShopifyComplete Shopify development reference covering Liquid templating, theme development (OS 2.0), GraphQL/REST APIs, app development, Shopify Functions, Hydrogen, performance optimisation, and debugging. Single unified skill with progressive disclosure via 11 reference files. API version 2026-01.
henkisdabroExpert subagent and skills for Shopify development — GraphQL Admin and Storefront APIs, Liquid templating, Online Store 2.0 themes, Hydrogen/Remix headless storefronts, Shopify Functions, checkout UI extensions, Polaris components, app development with App Bridge, webhooks, and JavaScript/TypeScript/React patterns.
OrcaQubitsClaude Code skill pack for Shopify (30 skills)
jeremylongshoreStorefront-specific skills and commands for building, bootstrapping, and auditing Vercel Shop projects.
vercelTailwind v4 theming and shadcn/ui component installation, customisation, and recipes.
jezweb