·liquid-theme-standards
</>

liquid-theme-standards

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.

360Instalaciones·29Tendencia·@benjaminsehl

Instalación

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

Cómo instalar liquid-theme-standards

Instala rápidamente el skill de IA liquid-theme-standards en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
  3. Verificar instalación: 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

Fuente: benjaminsehl/liquid-skills.

SKILL.md

Ver original

| {% 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.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

Respuestas rápidas

¿Qué es liquid-theme-standards?

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.

¿Cómo instalo liquid-theme-standards?

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

¿Dónde está el repositorio de origen?

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

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-25