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.
Install
npx skills add Shopify/liquid-skills --skill liquid-theme-standardsnpx skills add Shopify/liquid-skills --skill liquid-theme-standards -a claude-code -gnpx skills add Shopify/liquid-skills --skill liquid-theme-standards -a codex -ggemini skills install https://github.com/Shopify/liquid-skills.git --path plugins/liquid-skills/skills/liquid-theme-standardsgh skill install Shopify/liquid-skills liquid-theme-standardsgit clone --depth 1 https://github.com/Shopify/liquid-skills /tmp/Shopify__liquid-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/Shopify__liquid-skills/plugins/liquid-skills/skills/liquid-theme-standards ~/.claude/skills/liquid-theme-standards # Claude Code
cp -R /tmp/Shopify__liquid-skills/plugins/liquid-skills/skills/liquid-theme-standards ~/.agents/skills/liquid-theme-standards # Codex, Cursor, Gemini CLI, Copilot, OpenCode