maxnorm/magento2-agent-skills

magento-knockout-specialist

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.

First seen Feb 17, 2026

Installation

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

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from maxnorm/magento2-agent-skills · top by installs.

npx skills add maxnorm/magento2-agent-skills

Browse all from maxnorm/magento2-agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 29
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,954 B
  • docs SUMMARY.md 270 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 139 installs

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.