Magento Alpine.js Specialist
Wzorce reaktywnych komponentów Alpine.js dostosowane do Magento 2 / motywów Hyvä.
Testowano · Działa
Co robi ten skill
Umiejętność oparta na personie/wiedzy do budowania reaktywnych komponentów UI Alpine.js na frontendach Magento 2, z naciskiem na kompatybilność z motywami Hyvä i wzorcami przyjaznymi dla pełnego buforowania strony. Aktywuje się na prace związane z Alpine.js, motywem Hyvä lub komponentami reaktywnymi; jest to jedna z 30 siostrzanych umiejętności specjalistycznych Magento w tym samym repozytorium (pokrywa się z magento-hyva-specialist) i jest w pełni samodzielna, bez zewnętrznych plików lub skryptów.
Raport z testu
Zbudowano ten sam mini-koszyk na zakupy dwa razy: baza użyła generycznego, nienazwanego zapytania '/cart/count', podczas gdy podążanie za umiejętnością wygenerowało kod, który używał rzeczywistego wzorca sekcji 'cart' Magento dla prywatnej zawartości/danych klienta — poprawnego, bezpiecznego dla pamięci podręcznej sposobu synchronizacji komponentu Alpine na stronie z pełnym buforowaniem.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/magento-alpine-specialistWzorce reaktywnych komponentów Alpine.js dostosowane do Magento 2 / motywów Hyvä.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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