DevelopmentMédio

Compile Tailwind CSS for Hyvä Themes

porhyva-themes·hyva-themes· v1.0.0 · atualizado em 2026-04-11

Score

Compile Tailwind CSS for Hyvä themes in Magento 2. This skill is used to build styles, generate CSS, compile Tailwind, or create production/development stylesheets for a Hyvä theme. It triggers on phrases like "compile tailwind", "build styles", "generate css", "run tailwind", "build css", or "npm build for theme".

magento-2hyva-themestailwind-csscss-compilationfrontend-developmenttheme-development

Linguagens

CSSShell

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdhyva-compile-tailwind-css/workflow

Detect Environment: — Use `hyva-exec-shell-cmd` to determine the environment (e.g., local, staging, production).

Identify Theme: — If no theme path is provided, use `hyva-theme-list` to find available Hyvä themes.

Check Dependencies: — Verify if `node_modules` exists in the theme's `web/tailwind` directory.

Install Dependencies (if needed): — Run `npm ci` in the theme's `web/tailwind` directory if `node_modules` is missing.

Build CSS: — Execute `npm run build` for production or `npm run watch` for development (if requested).

Verify Output: — Check the modification time of the compiled CSS file (`<theme-path>/web/css/styles.css`).

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

Compõe comExecute Shell Commands

70%

Compõe comHyvä Child Theme Creator

70%

Similar aCRA to Next.js Migration Guide

60%

Similar aMagento 2 Hyva Specialist

60%

Similar aWix Site Component Builder

60%

Árvore do Skill

Compile Tailwind CSS for Hyvä Themes

hyva-compile-tailwind-css

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.ACT

4.EVALUATE

5.REFLECT

Triggers9

compile tailwind for hyvabuild styles for hyva themegenerate css for hyvarun tailwind css in hyvabuild css for hyva themenpm build for hyva themecreate production stylesheet for hyvacreate development stylesheet for hyvatailwind build hyva

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 hyva-compile-tailwind-css

$ synaptic skills detail hyva-compile-tailwind-css

$ synaptic skills live hyva-compile-tailwind-css

Dependências

npm node_modules

Links

GitHub Repository