Magento Frontend Developer

If you're building Magento 2 storefronts, this covers the full frontend stack: layout XML, PHTML templates, RequireJS and KnockoutJS integration, and LESS preprocessing. It walks through a structured process from requirements and architecture planning through responsive implementation and Core Web Vitals optimization. The skill addresses common e-commerce patterns like product catalogs, checkout flows, and customer accounts, plus performance optimization techniques like lazy loading and code splitting. Honestly, Magento's frontend architecture has a learning curve with its XML layouts and multiple JavaScript frameworks, so having detailed guidance on data flow, component organization, and proper escaping practices is genuinely helpful when you're beyond basic theme customization.

Install to Claude Code

npx -y skills add maxnorm/magento2-agent-skills --skill magento-frontend-developer --agent claude-code