DevelopmentMédio

CSS, JS & HTML Standards for Shopify Liquid Themes

porbenjaminsehl·benjaminsehl· v1.0.0 · atualizado em 2026-04-10

Score

CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.

cssjavascripthtmlliquidshopifyfrontend-developmentweb-development

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdliquid-theme-standards/workflow

Identify the component or section — that needs styling or scripting.

Determine if CSS, JavaScript, or HTML — is required based on the functionality.

Apply BEM naming conventions — for CSS classes.

Use design tokens — for consistent styling.

Implement progressive enhancement — for accessibility.

Write code — following the specified standards.

Test the implementation — in a Shopify theme environment.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

60%

Árvore do Skill

CSS, JS & HTML Standards for Shopify Liquid Themes

liquid-theme-standards

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.REFLECT

Triggers9

write CSS for a Shopify themewrite JavaScript for a Shopify themewrite HTML for a Shopify themefollow Shopify Liquid theme coding standardsuse BEM naming in Shopify themesimplement design tokens in Shopify themesuse Web Components in Shopify themeswrite defensive CSS for Shopify themesimplement progressive enhancement in Shopify themes

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download liquid-theme-standards

$ synaptic skills detail liquid-theme-standards

$ synaptic skills live liquid-theme-standards

Links

GitHub Repository