Magento Alpine.js Specialist

Alpine.js reaktive komponentmønstre tunet til Magento 2 / Hyvä temaer.

Af maxnorm · maxnorm/magento2-agent-skills

Testet · Virker ★ 9.2/10

Magento Alpine.js Specialist — Alpine.js reaktive komponentmønstre tunet til Magento 2 / Hyvä temaer.

Hvad det gør

En persona/viden-færdighed til at bygge reaktive Alpine.js UI-komponenter på Magento 2 storefronts, med vægt på Hyvä-tema kompatibilitet og full-page-cache-venlige mønstre. Udløses ved Alpine.js, Hyvä tema, eller reaktiv komponent-arbejde; det er en af 30 søster Magento specialist færdigheder i samme repo (overlapper med magento-hyva-specialist) og er fuldt selvstændig uden eksterne filer eller scripts.

Testrapport

Byggede den samme mini-cart drawer opgave to gange: baseline koblede en generisk unavngiven '/cart/count' fetch, mens færdigheden producerede kode, der brugte Magento's faktiske private-content/customer-data 'cart' sektionsmønster — den korrekte cache-sikre måde at holde en Alpine-komponent synkroniseret på en full-page-cached storefront.

Testet: 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

Kommandoer og eksempelprompter

/magento-alpine-specialistAlpine.js reaktive komponentmønstre tunet til Magento 2 / Hyvä temaer.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

Build a Hyva mini-cart drawer in Alpine.js that toggles open and shut
Add a reactive item counter to our Magento 2 storefront cart
Make this Alpine.js component full-page-cache friendly for Hyva

Læs hele rapporten →