·liquid-theme-standards
</>

liquid-theme-standards

Standard di codifica CSS, JavaScript e HTML per i temi Shopify Liquid. Copre la denominazione BEM all'interno dei tag dei fogli di stile, i token di progettazione, le proprietà personalizzate CSS, i componenti Web per i temi, i CSS difensivi e il miglioramento progressivo. Da utilizzare quando si scrive CSS/JS/HTML in file .liquid o file di risorse del tema.

360Installazioni·29Tendenza·@benjaminsehl

Installazione

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

Come installare liquid-theme-standards

Installa rapidamente la skill AI liquid-theme-standards nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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.

Standard di codifica CSS, JavaScript e HTML per i temi Shopify Liquid. Copre la denominazione BEM all'interno dei tag dei fogli di stile, i token di progettazione, le proprietà personalizzate CSS, i componenti Web per i temi, i CSS difensivi e il miglioramento progressivo. Da utilizzare quando si scrive CSS/JS/HTML in file .liquid o file di risorse del tema. Fonte: benjaminsehl/liquid-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

Risposte rapide

Che cos'è liquid-theme-standards?

Standard di codifica CSS, JavaScript e HTML per i temi Shopify Liquid. Copre la denominazione BEM all'interno dei tag dei fogli di stile, i token di progettazione, le proprietà personalizzate CSS, i componenti Web per i temi, i CSS difensivi e il miglioramento progressivo. Da utilizzare quando si scrive CSS/JS/HTML in file .liquid o file di risorse del tema. Fonte: benjaminsehl/liquid-skills.

Come installo liquid-theme-standards?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-25