Magento Alpine.js Specialist

Alpine.js reactieve component patronen afgestemd op Magento 2 / Hyvä thema's

Door maxnorm · maxnorm/magento2-agent-skills

Getest · Werkt ★ 9.2/10

Magento Alpine.js Specialist — Alpine.js reactieve component patronen afgestemd op Magento 2 / Hyvä thema's

Wat het doet

Een persona/kennis skill voor het bouwen van reactieve Alpine.js UI componenten op Magento 2 storefronts, met nadruk op Hyvä-thema compatibiliteit en full-page-cache-vriendelijke patronen. Triggert op Alpine.js, Hyvä thema, of reactieve component werk; het is een van de 30 sibling Magento specialist skills in dezelfde repo (overlapt met magento-hyva-specialist) en is volledig zelfvoorzienend zonder externe bestanden of scripts.

Testrapport

Dezelfde mini-cart drawer taak twee keer gebouwd: de baseline koppelde een generieke onbenoemde '/cart/count' fetch, terwijl het volgen van de skill code produceerde die Magento's daadwerkelijke private-content/customer-data 'cart' sectie patroon gebruikte — de correcte cache-veilige manier om een Alpine component gesynchroniseerd te houden op een full-page-cached storefront.

Getest op: 2026-07-14 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

/magento-alpine-specialistAlpine.js reactieve component patronen afgestemd op Magento 2 / Hyvä thema's

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →