hyva-compile-tailwind-css

Compile Tailwind CSS for Hyvä themes in Magento 2. Use when the user wants to build styles, generate CSS, compile Tailwind, run Tailwind, or create…

INSTALLATION
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-compile-tailwind-css
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

$28

# Install deps only if node_modules missing

if [ ! -d "<theme-path>/web/tailwind/node_modules" ]; then

  cd <theme-path>/web/tailwind &#x26;&#x26; npm ci

fi

# Production build (default)

cd <theme-path>/web/tailwind &#x26;&#x26; npm run build

# OR watch mode (only if explicitly requested)

cd <theme-path>/web/tailwind &#x26;&#x26; npm run watch

Step 4: Verify Output

Compiled CSS location: <theme-path>/web/css/styles.css

Confirm the file was updated by checking its modification time.

Troubleshooting

  • Missing node_modules: Run npm ci
  • Outdated styles: Clear browser cache; in production mode run bin/magento setup:static-content:deploy
BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card