Magento Alpine.js Specialist

Patrones de componentes reactivos Alpine.js ajustados para temas Magento 2 / Hyvä

Por maxnorm · maxnorm/magento2-agent-skills

Probado · Funciona ★ 9.2/10

Magento Alpine.js Specialist — Patrones de componentes reactivos Alpine.js ajustados para temas Magento 2 / Hyvä

Qué hace

Una skill de persona/conocimiento para construir componentes UI reactivos Alpine.js en tiendas Magento 2, con énfasis en la compatibilidad con temas Hyvä y patrones amigables con la caché de página completa. Se activa ante trabajos de Alpine.js, tema Hyvä o componentes reactivos; es una de las 30 skills especialistas de Magento hermanas en el mismo repositorio (se solapa con magento-hyva-specialist) y es completamente autocontenida sin archivos ni scripts externos.

Informe de la prueba

Construí el mismo mini-cajón de carrito dos veces: el baseline conectó una recuperación genérica sin nombre de '/cart/count', mientras que seguir la skill produjo código que utilizó el patrón real de sección 'cart' de contenido privado/datos del cliente de Magento — la forma correcta y segura para la caché de mantener un componente Alpine sincronizado en una tienda con caché de página completa.

Probado el: 2026-07-14 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

/magento-alpine-specialistPatrones de componentes reactivos Alpine.js ajustados para temas Magento 2 / Hyvä

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

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

Informe completo →