Zum Inhalt springen
Kitbay
Einreichen

liquid-theme-standards

Ein Agent Skill von Shopify mit Coding-Standards für CSS, JavaScript und HTML in Liquid-Themes, ausgeliefert im Claude-Code-Plugin-Marketplace liquid-skills von Shopify.

Was der Skill vermittelt

Ein Agent Skill von Shopify mit Coding-Standards für CSS, JavaScript und HTML in Liquid-Themes, ausgeliefert im Claude-Code-Plugin-Marketplace liquid-skills von Shopify. Er legt Prinzipien fest wie Progressive Enhancement, keine externen JavaScript-Abhängigkeiten, Design Tokens statt fest eingetragener Werte, Klassennamen nach BEM und defensives CSS. Er erklärt, wo Styles und Skripte in einem Theme liegen sollten, wie CSS Custom Properties eingesetzt werden und wie Web Components für Theme-Funktionen geschrieben werden. Der Skill besteht nur aus Anweisungen und Referenzdateien, ohne Skripte.

Funktionen

  • BEM-Benennung in Stylesheet-Tags von Themes anwenden
  • Design Tokens und CSS Custom Properties nutzen
  • Web Components für Theme-Funktionen schreiben
  • Progressive Enhancement im Theme-Markup umsetzen