mcpField
M
magento-requirejs-specialist

magento-requirejs-specialist

github.com/maxnormDevelopment31133 installsUpdated 40w ago
Repository

About magento-requirejs-specialist

A RequireJS skill for Magento JavaScript developers, covering AMD architecture, dependency management, and Magento integration to support maintainable modular code.

Key features

  1. 01AMD module and dependency management
  2. 02RequireJS configuration and path tuning
  3. 03Custom plugins and loaders
  4. 04Magento theme and UI component integration
  5. 05Build optimization for production

Use cases

  1. 01Creating JavaScript modules
  2. 02Optimizing module loading
  3. 03Developing custom components and widgets

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/maxnorm/magento2-agent-skills --skill magento-requirejs-specialist

After installing, type/magento-requirejs-specialistin Claude Code to confirm it loaded.

Details

From the project README

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

Focus on creating modular, maintainable JavaScript architectures.

Comments

Markdown supported