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.
Installa rapidamente la skill AI liquid-theme-standards nel tuo ambiente di sviluppo tramite riga di comando
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.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsStandard 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.
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
https://github.com/benjaminsehl/liquid-skills