This automates the entire process of scaffolding a Hyvä child theme in Magento 2, from creating the directory structure to compiling Tailwind CSS. It prompts you for vendor and theme names, lets you pick a parent theme (either Hyvä's defaults or an existing child theme), then generates all the boilerplate: registration.php, theme.xml, composer.json with proper naming conventions, and copies over the Tailwind setup. The smart bit is how it handles the inheritance chain in hyva.config.json, making sure both your parent and the root Hyvä theme get scanned for classes. Saves you from the tedious manual setup and the inevitable typos in theme registration. You'll still need to enable it through admin or CLI, but everything else is done.

skills.sh installs
1.3K
GitHub stars
85
last updated
Aug 21, 2026

Install

$ npx -y skills add hyva-themes/hyva-ai-tools --skill hyva-child-theme --agent claude-code

Installs into .claude/skills of the current project.

Files

Hyvä Child Theme Creator

This skill creates a complete Hyvä child theme with the proper directory structure, configuration files, and Tailwind CSS build setup.

Command execution: For commands that need to run inside the development environment (e.g., bin/magento), use the hyva-exec-shell-cmd skill to detect the environment and determine the appropriate command wrapper.

Workflow

Step 1: Gather Theme Information

Prompt the user to provide the following information:

Vendor Name: The vendor/company namespace (e.g., "Acme", "MyCompany")

  • Must be PascalCase
  • Used in composer package name and directory structure
  • If there are existing Vendor name folders in app/design/frontend or app/code/ offer those in lower case as suggestions

Theme Name: The name of the theme (e.g., "customTheme", "StoreTheme")

  • Must be PascalCase or camelCase
  • Used in theme registration and directory name
  • Must not be present as a subdirectory in app/design/frontend

Step 2: Detect Parent Theme

Sponsors

Details

Repository
github.com/hyva-themes/hyva-ai-tools
Categories
Frontend Development, AI & Agent Building
First seen
Jun 3, 2026

More from hyva-themes/hyva-ai-tools

All 12
1bowtiedswan avataranimejsbowtiedswan/animejs-skillsComprehensive skill for Anime.js v4 - a fast and flexible JavaScript animation library. This skill should be used when implementing web animations, creating tim1.3Kskills.sh installs
2vercel-labs avatarinkvercel-labs/json-renderInk terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JS1.3Kskills.sh installs
3charleswiltgen avataraxiom-uikitcharleswiltgen/axiomUse when bridging UIKit and SwiftUI, modernizing UIKit apps (scene lifecycle, resizability), debugging Auto Layout, Combine, TextKit, PencilKit, or UIKit animat1.3Kskills.sh installs
4github avatarreact19-test-patternsgithub/awesome-copilotProvides before/after patterns for migrating test files to React 19 compatibility, including act() imports, Simulate removal, and StrictMode call count changes.1.3Kskills.sh installs
5davila7 avatarsenior-qadavila7/claude-code-templatesComprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite 1.2Kskills.sh installs
6mindrally avatarbootstrapmindrally/skillsBootstrap development guidelines for responsive layouts, components, and utility-first styling.1.2Kskills.sh installs