{"id":"c5505095-5680-4b11-8180-451069fa117b","shortId":"ySAkNM","kind":"skill","title":"magento-magewire-specialist","tagline":"Develops reactive components using Magewire for Magento 2. Use when building real-time interfaces, creating reactive components, or implementing Livewire-inspired patterns. Masters component lifecycle, state management, and server-side rendering.","description":"# Magento 2 Magewire Specialist\n\nExpert specialist in creating dynamic, reactive Magento 2 interfaces using Magewire's Laravel Livewire-inspired component system.\n\n## When to Use\n\n- Building reactive components\n- Creating real-time interfaces\n- Implementing server-side rendering\n- Building interactive UI without complex JavaScript\n- Working with Magewire components\n\n## Magewire Framework\n\n### Component Architecture\n- **Component Design**: Expert in Magewire component design and lifecycle\n- **Reactive Programming**: Implement reactive UI patterns with server-side state\n- **Real-time Updates**: Create real-time interfaces with automatic DOM updates\n- **Component Communication**: Inter-component communication and event handling\n- **Lifecycle Management**: Master component mounting, updating, and cleanup\n\n### Server-side Rendering\n- **Component Rendering**: Server-side component rendering and hydration\n- **State Management**: Server-side state management and persistence\n- **Event Handling**: Server-side event processing and response\n- **Data Binding**: Two-way data binding between frontend and backend\n- **Performance Optimization**: Optimize server-side rendering performance\n\n### Magento Integration\n- **Framework Integration**: Deep integration with Magento's architecture\n- **Theme Compatibility**: Seamless integration with Magento themes\n- **Module Development**: Create Magewire-powered modules and extensions\n- **API Integration**: Connect components with Magento's APIs and services\n- **Cache Integration**: Implement caching strategies for Magewire components\n\n## Best Practices\n\n- **Component Design**: Design reusable, maintainable components\n- **State Management**: Efficient state management and persistence\n- **Performance**: Optimize rendering and update performance\n- **Error Handling**: Comprehensive error handling\n- **Testing**: Write tests for component functionality\n\n## References\n\n- [Magewire Documentation](https://magewire.com/)\n- [Laravel Livewire](https://laravel-livewire.com/)\n\nFocus on creating reactive, maintainable components with minimal JavaScript.","tags":["magento","magewire","specialist","magento2","agent","skills","maxnorm","agent-skills"],"capabilities":["skill","source-maxnorm","skill-magento-magewire-specialist","topic-agent-skills","topic-magento2"],"categories":["magento2-agent-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/maxnorm/magento2-agent-skills/magento-magewire-specialist","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add maxnorm/magento2-agent-skills","source_repo":"https://github.com/maxnorm/magento2-agent-skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 9 github stars · SKILL.md body (2,097 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:08:49.795Z","embedding":null,"createdAt":"2026-05-07T20:44:48.964Z","updatedAt":"2026-05-18T19:08:49.795Z","lastSeenAt":"2026-05-18T19:08:49.795Z","tsv":"'/)':272,277 '2':12,40,50 'api':217,224 'architectur':90,200 'automat':121 'backend':182 'best':235 'bind':173,178 'build':15,64,77 'cach':227,230 'cleanup':140 'communic':125,129 'compat':202 'complex':81 'compon':7,22,30,59,66,86,89,91,96,124,128,136,145,150,220,234,237,242,265,283 'comprehens':258 'connect':219 'creat':20,46,67,115,210,280 'data':172,177 'deep':195 'design':92,97,238,239 'develop':5,209 'document':269 'dom':122 'dynam':47 'effici':245 'error':256,259 'event':131,163,168 'expert':43,93 'extens':216 'focus':278 'framework':88,193 'frontend':180 'function':266 'handl':132,164,257,260 'hydrat':153 'implement':24,72,102,229 'inspir':27,58 'integr':192,194,196,204,218,228 'inter':127 'inter-compon':126 'interact':78 'interfac':19,51,71,119 'javascript':82,286 'laravel':55,273 'laravel-livewire.com':276 'laravel-livewire.com/)':275 'lifecycl':31,99,133 'livewir':26,57,274 'livewire-inspir':25,56 'magento':2,11,39,49,191,198,206,222 'magento-magewire-specialist':1 'magewir':3,9,41,53,85,87,95,212,233,268 'magewire-pow':211 'magewire.com':271 'magewire.com/)':270 'maintain':241,282 'manag':33,134,155,160,244,247 'master':29,135 'minim':285 'modul':208,214 'mount':137 'optim':184,185,251 'pattern':28,105 'perform':183,190,250,255 'persist':162,249 'power':213 'practic':236 'process':169 'program':101 'reactiv':6,21,48,65,100,103,281 'real':17,69,112,117 'real-tim':16,68,111,116 'refer':267 'render':38,76,144,146,151,189,252 'respons':171 'reusabl':240 'seamless':203 'server':36,74,108,142,148,157,166,187 'server-sid':35,73,107,141,147,156,165,186 'servic':226 'side':37,75,109,143,149,158,167,188 'skill' 'skill-magento-magewire-specialist' 'source-maxnorm' 'specialist':4,42,44 'state':32,110,154,159,243,246 'strategi':231 'system':60 'test':261,263 'theme':201,207 'time':18,70,113,118 'topic-agent-skills' 'topic-magento2' 'two':175 'two-way':174 'ui':79,104 'updat':114,123,138,254 'use':8,13,52,63 'way':176 'without':80 'work':83 'write':262","prices":[{"id":"ef27e287-87b8-41a4-9205-586b0a21c49f","listingId":"c5505095-5680-4b11-8180-451069fa117b","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"maxnorm","category":"magento2-agent-skills","install_from":"skills.sh"},"createdAt":"2026-05-07T20:44:48.964Z"}],"sources":[{"listingId":"c5505095-5680-4b11-8180-451069fa117b","source":"github","sourceId":"maxnorm/magento2-agent-skills/magento-magewire-specialist","sourceUrl":"https://github.com/maxnorm/magento2-agent-skills/tree/main/skills/magento-magewire-specialist","isPrimary":false,"firstSeenAt":"2026-05-18T13:14:29.258Z","lastSeenAt":"2026-05-18T19:08:49.795Z"},{"listingId":"c5505095-5680-4b11-8180-451069fa117b","source":"skills_sh","sourceId":"maxnorm/magento2-agent-skills/magento-magewire-specialist","sourceUrl":"https://skills.sh/maxnorm/magento2-agent-skills/magento-magewire-specialist","isPrimary":true,"firstSeenAt":"2026-05-07T20:44:48.964Z","lastSeenAt":"2026-05-07T22:43:02.412Z"}],"details":{"listingId":"c5505095-5680-4b11-8180-451069fa117b","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"maxnorm","slug":"magento-magewire-specialist","github":{"repo":"maxnorm/magento2-agent-skills","stars":9,"topics":["agent-skills","magento2"],"license":"mit","html_url":"https://github.com/maxnorm/magento2-agent-skills","pushed_at":"2026-01-24T16:45:35Z","description":"A collection of specialized agent skills for Magento 2 development, designed to provide domain expertise across all aspects of Magento/Adobe Commerce development workflows. ","skill_md_sha":"8157d16029689d3aa335fa865bdb54262b2e7af4","skill_md_path":"skills/magento-magewire-specialist/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/maxnorm/magento2-agent-skills/tree/main/skills/magento-magewire-specialist"},"layout":"multi","source":"github","category":"magento2-agent-skills","frontmatter":{"name":"magento-magewire-specialist","description":"Develops reactive components using Magewire for Magento 2. Use when building real-time interfaces, creating reactive components, or implementing Livewire-inspired patterns. Masters component lifecycle, state management, and server-side rendering."},"skills_sh_url":"https://skills.sh/maxnorm/magento2-agent-skills/magento-magewire-specialist"},"updatedAt":"2026-05-18T19:08:49.795Z"}}