By shopify
Liquid language fundamentals, CSS/JS/HTML coding standards, and WCAG accessibility patterns for Shopify themes
npx claudepluginhub shopify/liquid-skills --plugin liquid-skillsImplement 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.
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
Access thousands of AI prompts and skills directly in your AI coding assistant. Search prompts, discover skills, save your own, and improve prompts with AI.
Comprehensive skill pack with 66 specialized skills for full-stack developers: 12 language experts (Python, TypeScript, Go, Rust, C++, Swift, Kotlin, C#, PHP, Java, SQL, JavaScript), 10 backend frameworks, 6 frontend/mobile, plus infrastructure, DevOps, security, and testing. Features progressive disclosure architecture for 50% faster loading.
Behavioral guidelines to reduce common LLM coding mistakes, derived from Andrej Karpathy's observations on LLM coding pitfalls
Design vocabulary and skills for frontend development. Includes 18 commands (/polish, /distill, /audit, /typeset, /overdrive, etc.) and an enhanced impeccable skill with curated anti-patterns.
Reliable automation, in-depth debugging, and performance analysis in Chrome using Chrome DevTools and Puppeteer
Claude Code skills for Godot 4.x game development - GDScript patterns, interactive MCP workflows, scene design, and shaders