magento-frontend - Magento 2 Frontend Development
Build Magento 2 storefront themes using layout XML, blocks, templates, ViewModels, and JavaScript components
Tags
Updated: 2026-03-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Fetch live documentation
- Create layout XML files
- Write PHTML templates
- Implement ViewModels
- Create block classes
- Write RequireJS modules
- Create KnockoutJS bindings
- Write jQuery widgets
- Create themes
- Configure theme inheritance
- Write LESS files
- Write CSS files
- Override templates
- Move blocks
- Remove blocks
Inputs
- Theme directory
- Layout XML handle
- Module name
- PHTML template path
- RequireJS configuration
- Adobe Commerce documentation
Outputs
- Layout XML files
- PHTML template files
- ViewModel classes
- Theme registration files
- JavaScript modules
- CSS files
Requirements
- Magento 2 installation
- File system access
- Web access
