skills/hyva-theme-list/SKILL.md
List all Hyvä theme paths in a Magento 2 project. This skill should be used when the user wants to find Hyvä themes, list available themes, discover theme paths, or when other skills need to locate Hyvä themes. Trigger phrases include "list hyva themes", "find themes", "show themes", "available themes", "theme paths".
npx skillsauth add hyva-themes/hyva-ai-tools hyva-theme-listInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Lists all Hyvä theme paths in a Magento 2 project. Themes are identified by the presence of web/tailwind/package.json.
Important: Execute this script from the Magento project root directory.
Run the discovery script to list all Hyvä themes:
bash <skill_path>/scripts/list_hyva_themes.sh
Where <skill_path> is the directory containing this SKILL.md file (e.g., .claude/skills/hyva-theme-list).
Output format: One theme path per line (relative to project root), or empty output if no themes found.
app/design/frontend/Example/customTheme
vendor/hyva-themes/magento2-default-theme-csp
The script searches two locations:
| Location | Description |
|----------|-------------|
| app/design/frontend/ | Custom themes developed for the project |
| vendor/ | Installed themes from any vendor (not limited to hyva-themes) |
A directory is identified as a Hyvä theme when it contains both:
web/tailwind/package.json (Hyvä/Tailwind structure)theme.xml (valid Magento theme)Other skills that need to locate Hyvä themes should invoke this skill by name:
Invoke the `hyva-theme-list` skill to discover available themes.
The output can be processed line-by-line or stored in a variable for selection prompts.
<!-- Copyright © Hyvä Themes https://hyva.io. All rights reserved. Licensed under OSL 3.0 -->documentation
Apply Hyva UI template-based components to a Hyvä theme. This skill should be used when the user wants to add, install, or apply a Hyva UI component (such as header, footer, gallery, menu, minicart, etc.) to their Hyvä theme. It lists available non-CMS components and their variants, displays component README instructions, and copies component files to the theme directory.
development
Generate responsive image code for Hyvä Theme templates using the Media view model. This skill should be used when the user wants to render images in a Hyvä template, create responsive picture elements, add hero images, product images, or any image that needs responsive breakpoints. Trigger phrases include "render image", "add image to template", "responsive image", "picture element", "hero image", "responsive banner", "image for mobile and desktop", or "banner image".
development
Write Playwright tests for Hyvä themes with Alpine.js components. This skill should be used when writing e2e tests, creating page objects, or debugging selector issues in Playwright tests for Hyvä Magento storefronts. Trigger phrases include "write playwright test", "playwright alpine", "test hyva page", "e2e test", "playwright selector".
tools
Utility skill to detect Magento development environment and determine command wrapper. This skill should be used by other skills that need to execute shell commands in the Magento environment. It detects Warden, docker-magento, DDEV, and local environments and provides the appropriate command wrapper.