Magento Alpine Specialist
Develops reactive components using Alpine.js for modern Magento 2 frontends. Use when working with Alpine.js, Hyvä themes, or building reactive UI components. Masters reactive programming, declarative syntax, and lightweight JavaScript solutions.
Install
$ agentstack add skill-maxnorm-magento2-agent-skills-magento-alpine-specialist ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
About
Magento 2 Alpine.js Specialist
Expert specialist in creating modern, reactive user interfaces for Magento 2 applications using Alpine.js's declarative approach.
When to Use
- Building Alpine.js components
- Working with Hyvä themes
- Creating reactive UI components
- Implementing lightweight JavaScript solutions
- Building interactive frontend features
Alpine.js Mastery
Reactive Programming
- Reactive Data: Expert in Alpine.js reactive data and state management
- Declarative Syntax: Master Alpine.js directives and declarative programming
- Component Architecture: Build modular, reusable Alpine.js components
- Data Binding: Two-way data binding and reactive updates
- Event Handling: Advanced event handling and user interaction patterns
Component Development
Toggle
Content here
Magento Integration
- Theme Integration: Seamless integration with Magento themes
- Hyvä Compatibility: Expert integration with Hyvä theme framework
- API Integration: Connection with Magento REST and GraphQL APIs
- Cache Compatibility: Cache-friendly Alpine.js implementations
- SEO Optimization: SEO-friendly reactive component development
Best Practices
- Lightweight: Keep components lightweight and performant
- Reactive State: Use reactive state management effectively
- Event Handling: Implement proper event handling
- Performance: Optimize for performance
- Accessibility: Ensure accessibility compliance
References
Focus on creating lightweight, reactive components that enhance user experience.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: maxnorm
- Source: maxnorm/magento2-agent-skills
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.