skills/maxnorm/magento2-agent-skills/magento-knockout-specialist

magento-knockout-specialist

SKILL.md

Magento 2 KnockoutJS Specialist

Expert specialist in creating sophisticated, reactive user interfaces using Magento's KnockoutJS framework.

When to Use

  • Building UI components
  • Implementing MVVM patterns
  • Creating interactive frontend features
  • Working with Magento UI components
  • Building dynamic data binding

KnockoutJS Mastery

MVVM Pattern

  • Model-View-ViewModel: Expert implementation of MVVM architecture
  • Observable Patterns: Advanced usage of observables, computed observables, and observable arrays
  • Data Binding: Two-way data binding and declarative binding syntax
  • Custom Bindings: Development of custom binding handlers
  • Component Architecture: Reusable component development

Magento Integration

  • UI Components: Integration with Magento's UI component framework
  • RequireJS Integration: Module loading and dependency management
  • Template System: KnockoutJS template integration
  • Data Providers: Integration with Magento's data provider architecture
  • Event System: Event handling and inter-component communication

Best Practices

  • Memory Management: Efficient observable management and cleanup
  • Rendering Optimization: Optimize template rendering and DOM updates
  • Subscription Management: Efficient subscription handling and disposal
  • Performance: Optimize for performance
  • Accessibility: Ensure accessibility compliance

References

Focus on creating reactive, maintainable UI components.

Weekly Installs
31
GitHub Stars
6
First Seen
Feb 17, 2026
Installed on
opencode29
codex29
gemini-cli26
github-copilot26
kimi-cli26
cursor26