Skip to content
Kitbay
Submit

liquid-theme-standards

A Shopify agent skill with coding standards for the CSS, JavaScript and HTML inside Liquid themes, shipped in Shopify's liquid-skills Claude Code plugin marketplace.

What the skill teaches

A Shopify agent skill with coding standards for the CSS, JavaScript and HTML inside Liquid themes, shipped in Shopify's liquid-skills Claude Code plugin marketplace. It sets principles such as progressive enhancement, no external JavaScript dependencies, design tokens instead of hard-coded values, BEM class naming and defensive CSS. It explains where styles and scripts should live in a theme, how to use CSS custom properties and how to write Web Components for theme features. The skill is instructions and reference files only, with no scripts.

Capabilities

  • Apply BEM naming inside theme stylesheet tags
  • Use design tokens and CSS custom properties
  • Write Web Components for theme features
  • Follow progressive enhancement in theme markup