Magento Alpine.js Specialist

Pattern di componenti reattivi Alpine.js ottimizzati per temi Magento 2 / Hyvä

di maxnorm · maxnorm/magento2-agent-skills

Promosso ★ 9.2/10

Magento Alpine.js Specialist — Pattern di componenti reattivi Alpine.js ottimizzati per temi Magento 2 / Hyvä

Cosa fa

Una skill basata su persona/conoscenza per la creazione di componenti UI reattivi Alpine.js su storefront Magento 2, con enfasi sulla compatibilità con il tema Hyvä e pattern friendly alla cache di pagina intera. Si attiva su lavori relativi ad Alpine.js, tema Hyvä, o componenti reattivi; è una delle 30 abilità specialistiche Magento sorelle nello stesso repository (sovrapposizioni con magento-hyva-specialist) ed è completamente autonoma senza file o script esterni.

Rapporto di test

Ho costruito lo stesso compito del mini-cart drawer due volte: il baseline ha collegato un fetch generico senza nome '/cart/count', mentre seguendo la skill ha prodotto codice che utilizzava il pattern della sezione 'cart' di contenuto privato/dati cliente di Magento -- il modo corretto e sicuro per la cache per mantenere sincronizzato un componente Alpine su uno storefront con cache di pagina intera.

Testato il: 2026-07-14 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

/magento-alpine-specialistPattern di componenti reattivi Alpine.js ottimizzati per temi Magento 2 / Hyvä

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →