agentsclimarketplace

Magento knockout specialist

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

A collection of specialized agent skills for Magento 2 development, designed to provide domain expertise across all aspects of Magento/Adobe Commerce development workflows.

Install
npx -y skills add maxnorm/magento2-agent-skills --skill magento-knockout-specialist

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

Develops reactive UI components using KnockoutJS for Magento 2. Use when working with UI components, implementing MVVM patterns, or building interactive frontend features. Masters observable patterns, data binding, and custom bindings.

SKILL.md

1.9 KB, as published. Nobody here has run it

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.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.