What is magento-magewire-specialist?

A coding guide for building reactive, interactive parts of Magento 2 stores with Magewire, a tool that keeps server-side data connected to the page.

Use it for Magewire components, real-time interfaces, server-rendered pages, data binding, and communication between components in Magento 2.

It helps create live page updates and user interactions without writing as much custom JavaScript. It also gives structure for managing component state, events, and lifecycles.

magento-magewire-specialist — Skill for Claude Code and Codex by maxno

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add maxnorm/magento2-agent-skills --skill magento-magewire-specialist

Clone the repo

git clone --depth 1 https://github.com/maxnorm/magento2-agent-skills

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/maxnorm/magento2-agent-skills/magento-magewire-specialist/github.svg)](https://agentmods.dev/skills/maxnorm/magento2-agent-skills/magento-magewire-specialist)

Your own site

<a href="https://agentmods.dev/skills/maxnorm/magento2-agent-skills/magento-magewire-specialist"><img src="https://agentmods.dev/badge/skills/maxnorm/magento2-agent-skills/magento-magewire-specialist/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/maxnorm/magento2-agent-skills/magento-magewire-specialist"><img src="https://agentmods.dev/badge/skills/maxnorm/magento2-agent-skills/magento-magewire-specialist.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 50 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 456 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00050	$0.00456
Opus 5	$0.00025	$0.00228
Sonnet 5	$0.00010	$0.00091
Haiku 4.5	$0.00005	$0.00046

Measured 12d ago against content hash 92a4bd66b463, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

magento-magewire-specialist scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/magento-magewire-specialist/SKILL.md · 55 lines

How it starts

The opening of the file, as written. The whole thing — 55 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Magento 2 Magewire Specialist

Expert specialist in creating dynamic, reactive Magento 2 interfaces using Magewire's Laravel Livewire-inspired component system.

When to Use

Building reactive components
Creating real-time interfaces
Implementing server-side rendering
Building interactive UI without complex JavaScript
Working with Magewire components

Magewire Framework

Component Architecture

Component Design: Expert in Magewire component design and lifecycle
Reactive Programming: Implement reactive UI patterns with server-side state
Real-time Updates: Create real-time interfaces with automatic DOM updates
Component Communication: Inter-component communication and event handling
Lifecycle Management: Master component mounting, updating, and cleanup

Server-side Rendering

Component Rendering: Server-side component rendering and hydration
State Management: Server-side state management and persistence
Event Handling: Server-side event processing and response
Data Binding: Two-way data binding between frontend and backend
Performance Optimization: Optimize server-side rendering performance

Magento Integration

Framework Integration: Deep integration with Magento's architecture
Theme Compatibility: Seamless integration with Magento themes
Module Development: Create Magewire-powered modules and extensions
API Integration: Connect components with Magento's APIs and services
Cache Integration: Implement caching strategies for Magewire components

Best Practices

Component Design: Design reusable, maintainable components
State Management: Efficient state management and persistence
Performance: Optimize rendering and update performance
Error Handling: Comprehensive error handling
Testing: Write tests for component functionality

References

Read the full file on GitHub · 55 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

12d ago First seen · 55 lines · 50 tokens per session scan A 92a4bd66b463

Subscribe to this mod's changes

magento-magewire-specialist is a skill published in the GitHub repository maxnorm/magento2-agent-skills (29 stars, last pushed 7mo ago), licensed MIT. It adds 50 tokens to every session and 456 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

E-commerce Frontend agent-skills magento2

magento2-frontend-dev

This skill should be used when the user asks to "create a Knockout.js component", "add a UI Component", "modify layout XML", "customize a template", "write LESS CSS", "style with the Magento UI library", "add a RequireJS module", "extend JavaScript", "customize checkout", or "modify the cart page". Covers Magento 2…

ddtcorex/maestro-skills · 110 tokens

magento-hyva

Build Hyva theme templates, Alpine.js components, Tailwind CSS styles, and View Models for Magento 2. Use when developing frontend for Hyva-based Magento stores.

furan917/magento-ai-toolkit · 40 tokens

magento2-hyva-dev

This skill should be used when the user asks to "create a Hyvä theme", "set up a child theme", "build an Alpine.js component", "make this CSP-compliant", "add Tailwind CSS classes", "convert Luma to Hyvä", "migrate Knockout to Alpine", work on "Hyvä checkout" or "Hyvä React components", or handle "Tailwind…

ddtcorex/maestro-skills · 138 tokens

magento-magewire-specialist