# Magento Requirejs Specialist

> Develops AMD modules using RequireJS for Magento 2. Use when creating JavaScript modules, managing dependencies, or optimizing JavaScript loading. Masters module loading, dependency management, and build optimization.

- Skill: `majiayu000/magento-requirejs-specialist` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/magento-requirejs-specialist`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/magento-requirejs-specialist/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/magento-requirejs-specialist

---


# Magento 2 RequireJS Specialist

Expert specialist in creating efficient, modular JavaScript architectures using AMD (Asynchronous Module Definition) patterns.

## When to Use

- Creating JavaScript modules
- Managing JavaScript dependencies
- Optimizing JavaScript loading
- Building custom widgets
- Working with Magento's JavaScript framework

## RequireJS Architecture

### AMD Modules
- **Module Definition**: Expert in Asynchronous Module Definition pattern
- **Dependency Management**: Advanced dependency injection and module loading
- **Module Configuration**: RequireJS configuration and path optimization
- **Plugin System**: RequireJS plugins and custom loaders
- **Build Optimization**: r.js optimization and production builds

### Magento Integration
- **Theme Integration**: RequireJS integration with Magento themes
- **Widget Development**: Custom JavaScript widgets and components
- **UI Component Integration**: Integration with Magento's UI component system
- **Backend Communication**: AJAX and API communication patterns
- **Event System**: Integration with Magento's event system

## Best Practices

- **Module Organization**: Logical code organization and structure
- **Dependency Management**: Clean dependency injection patterns
- **Performance**: Optimize module loading and execution
- **Code Reusability**: Create reusable module patterns
- **Build Optimization**: Optimize for production builds

## References

- [RequireJS Documentation](https://requirejs.org/)
- [Adobe Commerce JavaScript](https://developer.adobe.com/commerce/frontend-core/guide/javascript/)

Focus on creating modular, maintainable JavaScript architectures.