skills.rest
hyva-themes
hyva-themesOFFICIAL
Explore all skills by this author →
WebsiteGitHub

hyva-compile-tailwind-css

Compile Tailwind CSS for Hyvä themes in Magento 2 with npm scripts.

78|16|Updated Jan 22, 2026
Search Tags:#css#build#tailwind#compile#watch#hyva#magento
One-click install
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-compile-tailwind-css
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyva-compile-tailwind-css
Source: https://github.com/hyva-themes/hyva-ai-tools/tree/main/skills/hyva-compile-tailwind-css
Command: npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-compile-tailwind-css

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill compiles Tailwind CSS for Hyvä themes in Magento 2, enabling automated production builds and development watch modes for Hyvä theme styling.

Core Features & Use Cases

  • Detect available Hyvä themes and apply Tailwind configuration.
  • Install dependencies and perform a production build by default.
  • Optional watch mode to rebuild CSS on changes during development.

Quick Start

Use the hyva-compile-tailwind-css skill to build Tailwind CSS for your Hyvä theme. Ensure you have a theme path and Node.js installed. Install dependencies (if missing): cd <theme-path>/web/tailwind && npm ci Build for production (default): cd <theme-path>/web/tailwind && npm run build Watch for changes (explicitly requested): cd <theme-path>/web/tailwind && npm run watch

Frequently Asked Questions about hyva-compile-tailwind-css

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I compile Tailwind CSS for a Hyvä Magento theme?▼

To compile Tailwind CSS for a Hyvä Magento theme, navigate to your theme's web/tailwind directory and run npm run build to generate production-ready styles.

How do I watch for Tailwind CSS changes during Hyvä theme development?▼

You can watch for Tailwind CSS changes during Hyvä theme development by running npm run watch inside the web/tailwind directory to automatically rebuild styles on file updates.

Do I need Node.js and npm to build Tailwind CSS for Magento Hyvä themes?▼

Yes, you need Node.js and npm installed to build Tailwind CSS for Magento Hyvä themes, as the build process requires running npm scripts to install dependencies and compile styles.

How are available Hyvä themes detected for Tailwind CSS compilation?▼

Available Hyvä themes are detected for Tailwind CSS compilation automatically via the hyva-theme-list skill, which identifies active themes before applying configurations and running builds.

How do I install dependencies before compiling Tailwind CSS in a Hyvä theme?▼

To install dependencies before compiling Tailwind CSS in a Hyvä theme, change directory to web/tailwind and run npm ci to ensure all required packages are present for the build.

Related Skills

Explore More Software Engineering Skills→
Happy-HorizonHappy-Horizon

hyva-compile-tailwind-css

Compile Tailwind CSS for Hyvä themes in Magento 2.

Official
Intermediate
ProxiBlueProxiBlue
15

email-theme-styling

Theme Magento 2 transactional emails with Hyvä and CSS inlining.

Community
Intermediate
Happy-HorizonHappy-Horizon

hyva-child-theme

Scaffold Hyvä child themes for Magento 2 with Tailwind setup.

Official
Intermediate
Happy-HorizonHappy-Horizon

hyva-theme-list

Lists Hyva mobile app user interface component names.

Official
Intermediate