·liquid-theme-standards
</>

liquid-theme-standards

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.

375Installationen·3Trend·@benjaminsehl

Installation

$npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards

So installieren Sie liquid-theme-standards

Installieren Sie den KI-Skill liquid-theme-standards schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

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.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

Schnelle Antworten

Was ist liquid-theme-standards?

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.

Wie installiere ich liquid-theme-standards?

Ö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

Wo ist das Quell-Repository?

https://github.com/benjaminsehl/liquid-skills

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-25