OpenSkillIndex← back to search
claude-code

Claude-skill-registry-data 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.

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry-data
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry-data "$T" && mkdir -p ~/.claude/skills && cp -r "$T/data/magento-requirejs-specialist" ~/.claude/skills/majiayu000-claude-skill-registry-data-magento-requirejs-specialist && rm -rf "$T"
manifest: data/magento-requirejs-specialist/SKILL.md
source content

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.