magento2-hyva-dev

magento2-hyva-dev is a skill for Claude Code from ddtcorex/maestro-skills. It costs 138 tokens per session (5,814 once invoked), scanned C, original, MIT.

A development guide for Hyvä, a modern frontend theme system for Magento 2. It covers Hyvä-specific templates, styling, browser code, checkout work, and security rules.

In plain words
What is it for?
Use it to create child themes, add Tailwind CSS styles or Alpine.js components, make pages comply with content security rules, or move a Luma storefront to Hyvä.
Why use it?
It helps developers follow the conventions of a Hyvä storefront instead of applying patterns from Magento's other theme system.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions Codex; mentions OpenCode.

Part of the maestro-skills plugin — 31 skills shipped together

Good fit Use it to create child themes, add Tailwind CSS styles or Alpine.js components, make pages comply with content security rules, or move a Luma storefront to Hyvä.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/ddtcorex/maestro-skills/magento2-hyva-dev
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add ddtcorex/maestro-skills --skill magento2-hyva-dev
Clone the repo
git clone --depth 1 https://github.com/ddtcorex/maestro-skills

Made for: Claude Code.

Or install maestro-skills, the plugin that ships this one along with the rest of its 31 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for magento2-hyva-dev

README.md
[![agentmods](https://agentmods.dev/badge/skills/ddtcorex/maestro-skills/magento2-hyva-dev/github.svg)](https://agentmods.dev/skills/ddtcorex/maestro-skills/magento2-hyva-dev)
Your own site
<a href="https://agentmods.dev/skills/ddtcorex/maestro-skills/magento2-hyva-dev"><img src="https://agentmods.dev/badge/skills/ddtcorex/maestro-skills/magento2-hyva-dev/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for magento2-hyva-dev

Your own site · 80×15
<a href="https://agentmods.dev/skills/ddtcorex/maestro-skills/magento2-hyva-dev"><img src="https://agentmods.dev/badge/skills/ddtcorex/maestro-skills/magento2-hyva-dev.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 138 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 5,814 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 2 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00138 $0.05814
Opus 5 $0.00069 $0.02907
Sonnet 5 $0.00028 $0.01163
Haiku 4.5 $0.00014 $0.00581

Measured 6d ago against content hash 8f6731eb90e8, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade C, and why

magento2-hyva-dev scanned grade C with 2 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Downloads and executes remote codehighSupply chain

curl | sh runs whatever the server returns today, which is not necessarily what it returned when this was reviewed.

curl -fsSL https://raw.githubusercontent.com/hyva-themes/hyva-ai-tools/main/install.sh | sh -s opencode

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

const response = await fetch(url, {
skills/magento2-hyva-dev/SKILL.md · 679 lines

How it starts

The opening of the file, as written. The whole thing — 679 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Magento 2 Hyvä Developer

Hyvä is a modern Magento 2 frontend framework with dramatically simplified JavaScript and CSS. This skill covers Hyvä-specific patterns.

REQUIRED BACKGROUND: Load magento2-dev-core first — it defines the PHP/backend patterns (DI, escaping, repositories) this skill assumes for any ViewModel or backend code behind a Hyvä template.

Hyvä and Luma (magento2-frontend-dev) are mutually exclusive theme stacks — check the theme's theme.xml parent (Hyva/default/Hyva/reset vs Magento/blank) and composer.json for hyva-themes/* packages before assuming either applies. Hybrid projects (e.g. dual-stack) keep both: app/design/frontend/<Vendor>/hyva_* → this skill, app/design/frontend/<Vendor>/luma_childmagento2-frontend-dev. Pair with govard-magento for the container/CLI side.

Detect the project's actual setup first

On DSH: call hyva_theme_inspect {classes:["<class-from-diff>"]} — returns {themes[],tailwind:{major,...},hyvaPackages[]} grounded from theme.xml + package.json + tailwind.config/hyva.config + composer.lock. If any field null, check notes and downgrade to a question. Otherwise: read theme.xml parent, /web/tailwind/package.json, tailwind.config.js or tailwind-source.css+hyva.config.json, and composer.lock — verify, don't memorize table (verified 2026-08-26).

Hyvä/Tailwind conventions vary a lot by project age — check before applying a pattern:

  • Tailwind version: v4 uses CSS-based config and hyva.config.json design tokens; v2/v3 use tailwind.config.js. Check web/tailwind/package.json.
  • CSP build: Hyva/default-csp vs the plain Hyva/default/Hyva/reset parent in theme.xml. Applying CSP-only nonce patterns to a non-CSP theme (or vice versa) wastes effort.
  • Parent theme: Hyva/reset (built from scratch) vs Hyva/default (full starter) changes how much markup/CSS already exists to extend rather than rewrite.

Hyvä vs Luma Comparison

Aspect Luma Hyvä
JavaScript ~200 resources (RequireJS/Knockout) 2 resources (Alpine.js)
CSS LESS-based Tailwind CSS
Bundle Size 500KB+ <50KB
Core Web Vitals Challenging Optimized
Learning Curve Steep Gentle
Maintenance Complex Simple

Read the full file on GitHub · 679 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago Changed · +10 lines 8f6731eb90e8
  2. 10d ago First seen · 669 lines · 138 tokens per session scan C 8aa8430f7c1b

Subscribe to this mod's changes

magento2-hyva-dev is a skill published in the GitHub repository ddtcorex/maestro-skills (4 stars, last pushed yesterday), licensed MIT. It adds 138 tokens to every session and 5,814 once invoked, about $0.0007 per session on Opus 5. A static security scan graded it C with 2 findings (downloads and executes remote code, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

magento-hyva

Build Hyva theme templates, Alpine.js components, Tailwind CSS styles, and View Models for Magento 2. Use when developing frontend for Hyva-based Magento stores.

furan917/magento-ai-toolkit · 40 tokens

magento-theme-developer

Creates custom Magento 2 themes, child themes, and theme modifications. Use when developing themes, customizing frontend, implementing responsive design, or working with Luma/Blank themes. Masters frontend architecture, layout XML, templates, and performance optimization.

maxnorm/magento2-agent-skills · 54 tokens

magento-hyva-specialist

Develops high-performance Magento 2 storefronts using Hyvä theme framework. Use when working with Hyvä themes, Alpine.js, Tailwind CSS, or modern frontend development. Masters Alpine.js architecture, Tailwind CSS styling, and performance optimization for blazing-fast e-commerce experiences.

maxnorm/magento2-agent-skills · 63 tokens

magento-css-specialist

Develops CSS and LESS for Magento 2 with responsive design and performance optimization. Use when styling themes, working with LESS, implementing responsive design, or optimizing CSS performance. Masters modern CSS techniques, LESS preprocessing, and cross-browser compatibility.

maxnorm/magento2-agent-skills · 53 tokens

shopify-theme-optimization

Theme speed and UX optimization — Core Web Vitals, Liquid code, image loading, mobile responsiveness.

nexscope-ai/eCommerce-Skills · 25 tokens

shopify

Expert Shopify theme development guidelines for Liquid, Online Store 2.0, CSS, JavaScript, and UX best practices.

Mindrally/skills · 27 tokens