Magento Alpine.js Specialist
Alpine.js reaktivní vzory komponent vyladěné pro témata Magento 2 / Hyvä.
Otestováno · Funguje
Co umí
Persona/znalostní skill pro budování reaktivních UI komponent Alpine.js na front-endových obchodech Magento 2, s důrazem na kompatibilitu s tématy Hyvä a vzory přátelskými k plnému cacheování stránek. Spouští se na práci s Alpine.js, tématy Hyvä nebo reaktivními komponentami; je to jeden z 30 sesterských Magento specialistů ve stejném repozitáři (překrývá se s magento-hyva-specialist) a je plně soběstačný bez externích souborů nebo skriptů.
Testovací report
Vytvořil jsem stejný úkol mini-cart drawer dvakrát: základní připojil generické nepojmenované načítání '/cart/count', zatímco podle skillu vygeneroval kód, který používal skutečný vzor sekce 'cart' privátního obsahu/zákaznických dat Magento — správný způsob synchronizace Alpine komponenty v prostředí s plným cacheováním stránek.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/magento-alpine-specialistAlpine.js reaktivní vzory komponent vyladěné pro témata Magento 2 / Hyvä.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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