Estándares de codificación CSS, JavaScript y HTML para temas de Shopify Liquid. Cubre los nombres BEM dentro de etiquetas de hojas de estilo, tokens de diseño, propiedades personalizadas de CSS, componentes web para temas, CSS defensivo y mejora progresiva. Úselo al escribir CSS/JS/HTML en archivos .liquid o archivos de activos de temas.
Instala rápidamente el skill de IA liquid-theme-standards en tu entorno de desarrollo mediante línea de comandos
Fuente: 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.
Estándares de codificación CSS, JavaScript y HTML para temas de Shopify Liquid. Cubre los nombres BEM dentro de etiquetas de hojas de estilo, tokens de diseño, propiedades personalizadas de CSS, componentes web para temas, CSS defensivo y mejora progresiva. Úselo al escribir CSS/JS/HTML en archivos .liquid o archivos de activos de temas. Fuente: benjaminsehl/liquid-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standardsEstándares de codificación CSS, JavaScript y HTML para temas de Shopify Liquid. Cubre los nombres BEM dentro de etiquetas de hojas de estilo, tokens de diseño, propiedades personalizadas de CSS, componentes web para temas, CSS defensivo y mejora progresiva. Úselo al escribir CSS/JS/HTML en archivos .liquid o archivos de activos de temas. Fuente: benjaminsehl/liquid-skills.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/benjaminsehl/liquid-skills