Hyva Cms Component

Automates the entire process of creating custom CMS components for Hyvä themes in Magento 2. Walks you through module selection (new or existing), component naming, field configuration with presets for common patterns like cards and CTAs, and optional template variants. It handles the schema validation gotchas that trip people up, like remembering that `children` is a root property not a field type, and that validation attributes go in an `attributes` object. Auto-selects appropriate Lucide icons by checking what's already in use. Generates the components.json and PHTML templates in the right directory structure, then runs setup:upgrade. Saves you from memorizing the Hyvä CMS schema and manually wiring up all the files.

skills.sh installs: 770
GitHub stars: 85
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component --agent claude-code

Installs into .claude/skills of the current project.

Files

Hyvä CMS Component Creator

Overview

This skill guides the interactive creation of custom Hyvä CMS components for Magento 2. It supports creating components in new or existing modules, with field presets for common patterns and automatic setup:upgrade execution.

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: Module Selection

If not already specified in the prompt, ask the user where to create the component:

Option A: New Module

Ask for both values (do not assume defaults without asking):

Vendor name (e.g., Acme) - Required, no default. Do not suggest a Vendor name, prompt for user input.
Module name - Suggest CmsComponents as default so user can press Enter to accept

Then use the hyva-create-module skill with: