CSS-, JavaScript- und HTML-Codierungsstandards für Shopify Liquid-Themes. Behandelt BEM-Benennung innerhalb von Stylesheet-Tags, Design-Tokens, benutzerdefinierten CSS-Eigenschaften, Webkomponenten für Themes, defensivem CSS und progressiver Verbesserung. Zum Schreiben von CSS/JS/HTML in .liquid-Dateien oder Theme-Asset-Dateien verwenden.
Installieren Sie den KI-Skill liquid-theme-standards schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: benjaminsehl/liquid-skills.
| {% stylesheet %} | No | Component-scoped styles (one per file) | | {% style %} | Yes | Dynamic values needing Liquid (e.g., color settings) | | assets/.css | No | Shared/global styles |
Critical: {% stylesheet %} does NOT process Liquid. Use inline style attributes for dynamic values:
Use CSS custom properties for all values — never hardcode colors, spacing, or fonts. Define a consistent scale and reference it everywhere.
CSS-, JavaScript- und HTML-Codierungsstandards für Shopify Liquid-Themes. Behandelt BEM-Benennung innerhalb von Stylesheet-Tags, Design-Tokens, benutzerdefinierten CSS-Eigenschaften, Webkomponenten für Themes, defensivem CSS und progressiver Verbesserung. Zum Schreiben von CSS/JS/HTML in .liquid-Dateien oder Theme-Asset-Dateien verwenden. Quelle: benjaminsehl/liquid-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsCSS-, JavaScript- und HTML-Codierungsstandards für Shopify Liquid-Themes. Behandelt BEM-Benennung innerhalb von Stylesheet-Tags, Design-Tokens, benutzerdefinierten CSS-Eigenschaften, Webkomponenten für Themes, defensivem CSS und progressiver Verbesserung. Zum Schreiben von CSS/JS/HTML in .liquid-Dateien oder Theme-Asset-Dateien verwenden. Quelle: benjaminsehl/liquid-skills.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/benjaminsehl/liquid-skills