From magento2-commerce
Builds Magento 2 admin interfaces using UI component grids, forms, system config, ACL resources, and controllers. For admin panels, data grids, edit forms, or settings pages.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin magento2-commerceThis skill is limited to using the following tools:
**Fetch live docs**:
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Fetch live docs:
https://developer.adobe.com/commerce/php/development/components/add-admin-grid/ for admin grid tutorialhttps://developer.adobe.com/commerce/php/tutorials/backend/create-access-control-list-rule/ for ACL tutorialsite:developer.adobe.com commerce php development components ui-components for UI component referenceGrids are XML-declared UI components backed by data providers. They render in the browser using KnockoutJS and load data via AJAX.
Located in view/adminhtml/ui_component/<listing_name>.xml:
<listing> root element with data source<dataSource> — data provider class and configuration<listingToolbar> — bookmarks, columns controls, filters, mass actions, paging<columns> — column definitions (type, label, sortable, filterable)<column> — individual column (text, select, date, actions)<actionsColumn> — edit/delete action linksMagento\Ui\DataProvider\AbstractDataProviderBulk operations on selected rows:
<massaction>Located in view/adminhtml/ui_component/<form_name>.xml:
<form> root element<fieldset> groups related fields<field> — input, textarea, select, multiselect, boolean, date, imageUploader, wysiwygDefines admin config fields at Stores > Settings > Configuration:
<section> — top-level tab<group> — fieldset within a section<field> — individual configuration fieldProvides default values for system configuration fields. Path format: section/group/field.
$this->scopeConfig->getValue('section/group/field', ScopeInterface::SCOPE_STORE);
Scopes: default, website, store (store view).
Defines resource hierarchy:
<resource> elements form a permission treeAdmin controllers extend Magento\Backend\App\Action:
const ADMIN_RESOURCE = 'Vendor_Module::resource_name';Declared in etc/adminhtml/menu.xml:
Magento\Backend\App\Actionetc/adminhtml/routes.xmladmin/<frontName>/<controller>/<action>resultPageFactory for rendering admin pages with proper layoutFetch the admin grid tutorial, ACL guide, and UI component reference for exact XML schemas and data provider patterns before implementing.