Magento Alpine.js Specialist
Modèles de composants réactifs Alpine.js optimisés pour les thèmes Magento 2 / Hyvä
Testé · Fonctionne
Ce que fait
Une compétence de persona/connaissance pour construire des composants UI Alpine.js réactifs sur les vitrines Magento 2, avec un accent sur la compatibilité avec le thème Hyvä et les modèles compatibles avec le cache pleine page. Se déclenche sur le travail Alpine.js, le thème Hyvä, ou les composants réactifs ; c'est l'une des 30 compétences spécialisées Magento sœurs dans le même dépôt (chevauchement avec magento-hyva-specialist) et elle est entièrement autonome sans fichiers ou scripts externes.
Rapport de test
A construit le même mini-panier tiroir deux fois : le baseline a utilisé une requête générique sans nom '/cart/count', tandis que le suivi de la compétence a produit du code qui utilisait le modèle de section 'cart' de contenu privé/données client de Magento — la manière correcte et cache-safe de maintenir un composant Alpine synchronisé sur une vitrine en cache pleine page.
Testé le: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/maxnorm/magento2-agent-skills cd magento2-agent-skills mkdir -p ~/.claude/skills cp -r skills/magento-alpine-specialist ~/.claude/skills/magento-alpine-specialist
Commandes et exemples de prompts
/magento-alpine-specialistModèles de composants réactifs Alpine.js optimisés pour les thèmes Magento 2 / Hyvä
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Build a Hyva mini-cart drawer in Alpine.js that toggles open and shutAdd a reactive item counter to our Magento 2 storefront cartMake this Alpine.js component full-page-cache friendly for Hyva