Magento Alpine.js Specialist

Alpine.js reaktive komponent-mønstre tunet for Magento 2 / Hyvä temaer

av maxnorm · maxnorm/magento2-agent-skills

Bestått ★ 9.2/10

Magento Alpine.js Specialist — Alpine.js reaktive komponent-mønstre tunet for Magento 2 / Hyvä temaer

Hva den gjør

En persona/kunnskapsferdighet for å bygge reaktive Alpine.js UI-komponenter på Magento 2 storefronts, med vekt på Hyvä-tema-kompatibilitet og full-side-cache-vennlige mønstre. Utløses av Alpine.js, Hyvä tema, eller reaktiv-komponent arbeid; det er en av 30 søster Magento-spesialist-ferdigheter i samme repo (overlapper med magento-hyva-specialist) og er fullstendig selvstendig uten eksterne filer eller skript.

Testrapport

Bygget den samme mini-handlekurv-skuffen oppgaven to ganger: baselinen koblet til en generisk navnløs '/cart/count' henting, mens følging av ferdigheten produserte kode som brukte Magentos faktiske private-content/customer-data 'cart'-seksjonsmønster — den korrekte cache-sikre måten å holde en Alpine-komponent synkronisert på en full-side-cached storefront.

Testet på: 2026-07-14 · Claude Code 2.x (agent harness)

Installer

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 komponent-mønstre tunet for Magento 2 / Hyvä temaer

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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

Full rapport →