SuperAPI AI 工具集

magento-luma-specialist

智能体与模型

查看项目

更新于 10-16 00:21

技能介绍

用途:该技能用于定制和扩展 Magento 2 默认 Luma 主题,在使用传统 Magento 前端技术栈的同时保持兼容性与性能。适用于定制 Luma 主题、处理 LESS 预处理、开发 RequireJS 模块、构建 KnockoutJS 组件以及实现传统 Magento 前端模式等场景。

主要能力:

  1. 主题架构:掌握 Luma 父子主题结构与回退机制、LESS 变量系统与 mixin、RequireJS 模块加载与依赖管理、KnockoutJS 数据绑定、XML 布局指令与容器。
  2. 前端技术栈:LESS 编译与优化、RequireJS 异步模块加载与配置、KnockoutJS 的 MVVM 实现、jQuery 插件集成、基于 Knockout 的 UI 组件库。
  3. 开发流程:创建子主题与继承结构、修改 LESS 变量保持品牌一致、定制布局与模板覆盖以维持可升级性、组织 CSS/JS/图片资源。
  4. LESS 开发:变量管理与覆盖、自定义 mixin、按 BEM 方法为组件编写样式、响应式模式、优化编译后 CSS 输出。
  5. JavaScript 开发:创建 RequireJS 模块与部件、构建交互式 KnockoutJS 组件、集成 jQuery 插件、事件委托与 AJAX 交互。
  6. UI 组件:构建自定义 UI 组件、配置现有组件、数据绑定、自定义校验规则与表单增强。

使用方式:该资料未提供具体安装命令或调用步骤,仅说明适用场景与技术要点,可将其视为在 Luma 主题相关开发任务中触发的领域知识技能。

适用场景:Magento 2 项目中需要基于 Luma 主题做前端定制、扩展或维护的开发者。

限制:资料未提供价格、平台支持范围、性能指标或具体安装方式;实际使用需具备 Magento 2 前端开发基础。