Normes de codage CSS, JavaScript et HTML pour les thèmes Shopify Liquid. Couvre la dénomination BEM dans les balises de feuille de style, les jetons de conception, les propriétés personnalisées CSS, les composants Web pour les thèmes, le CSS défensif et l'amélioration progressive. À utiliser lors de l'écriture de CSS/JS/HTML dans des fichiers .liquid ou des fichiers d'actifs de thème.
Installez rapidement le skill IA liquid-theme-standards dans votre environnement de développement via la ligne de commande
Source : 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.
Normes de codage CSS, JavaScript et HTML pour les thèmes Shopify Liquid. Couvre la dénomination BEM dans les balises de feuille de style, les jetons de conception, les propriétés personnalisées CSS, les composants Web pour les thèmes, le CSS défensif et l'amélioration progressive. À utiliser lors de l'écriture de CSS/JS/HTML dans des fichiers .liquid ou des fichiers d'actifs de thème. Source : benjaminsehl/liquid-skills.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsNormes de codage CSS, JavaScript et HTML pour les thèmes Shopify Liquid. Couvre la dénomination BEM dans les balises de feuille de style, les jetons de conception, les propriétés personnalisées CSS, les composants Web pour les thèmes, le CSS défensif et l'amélioration progressive. À utiliser lors de l'écriture de CSS/JS/HTML dans des fichiers .liquid ou des fichiers d'actifs de thème. Source : benjaminsehl/liquid-skills.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/benjaminsehl/liquid-skills