What is magento-admin-ui?

A guide to building Magento 2 administration screens. These are the back-office pages store staff use to view data, edit records, manage settings, and perform actions.

Use it to create admin grids, edit forms, system settings, controllers, and access-control rules.

It explains Magento's XML-based grids, forms, data providers, permissions, and system configuration. This reduces the effort needed to make admin tools fit Magento's structure.

magento-admin-ui — Skill for Claude Code by OrcaQubits

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add OrcaQubits/agentic-commerce-skills-plugins --skill magento-admin-ui

Clone the repo

git clone --depth 1 https://github.com/OrcaQubits/agentic-commerce-skills-plugins

Made for: Claude Code.

Or install magento2-commerce, the plugin that ships this one along with the rest of its 19 skills, 1 agent.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/orcaqubits/agentic-commerce-skills-plugins/magento-admin-ui/github.svg)](https://agentmods.dev/skills/orcaqubits/agentic-commerce-skills-plugins/magento-admin-ui)

Your own site

<a href="https://agentmods.dev/skills/orcaqubits/agentic-commerce-skills-plugins/magento-admin-ui"><img src="https://agentmods.dev/badge/skills/orcaqubits/agentic-commerce-skills-plugins/magento-admin-ui/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/orcaqubits/agentic-commerce-skills-plugins/magento-admin-ui"><img src="https://agentmods.dev/badge/skills/orcaqubits/agentic-commerce-skills-plugins/magento-admin-ui.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 43 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 848 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00043	$0.00848
Opus 5.5	$0.00017	$0.00339
Sonnet 5.5	$0.00009	$0.00170
Haiku 4.5	$0.00004	$0.00085

Measured 1mo ago against content hash a7caa1dff4d1, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

magento-admin-ui scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

magento2-commerce/skills/magento-admin-ui/SKILL.md · 113 lines

How it starts

The opening of the file, as written. The whole thing — 113 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Magento 2 Admin UI & System Configuration

Before writing code

Fetch live docs:

Fetch https://developer.adobe.com/commerce/php/development/components/ for admin grid tutorial
Fetch https://developer.adobe.com/commerce/php/development/ for ACL tutorial
Web-search site:developer.adobe.com commerce php development components ui-components for UI component reference

Admin Grids (UI Component Listings)

How Admin Grids Work

Grids are XML-declared UI components backed by data providers. They render in the browser using KnockoutJS and load data via AJAX.

Grid XML Structure (ui_component)

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 links

Data Provider

Extends Magento\Ui\DataProvider\AbstractDataProvider
Backed by a collection (resource model collection)
Provides data array to the grid

Mass Actions

Bulk operations on selected rows:

Delete, status change, export
Declared in grid XML under <massaction>
Each action maps to a controller

Admin Forms (UI Component Forms)

Located in view/adminhtml/ui_component/<form_name>.xml:

<form> root element
<fieldset> groups related fields
<field> — input, textarea, select, multiselect, boolean, date, imageUploader, wysiwyg
Data provider loads entity data for editing
Save controller processes form submission

System Configuration

system.xml

Defines admin config fields at Stores > Settings > Configuration:

<section> — top-level tab
<group> — fieldset within a section
<field> — individual configuration field
Field types: text, textarea, select, multiselect, obscure (password), image

Read the full file on GitHub · 113 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

1mo ago First seen · 113 lines · 43 tokens per session scan A a7caa1dff4d1

Subscribe to this mod's changes

magento-admin-ui is a skill published in the GitHub repository OrcaQubits/agentic-commerce-skills-plugins (40 stars, last pushed 1mo ago), licensed MIT. It adds 43 tokens to every session and 848 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-15.

Design and UX E-commerce Magento a2a acp agentic-commerce ucp webmcp

magento-admin-ui next to 6 skills from other repositories
Mod	Type	Stars	Last push	Licence	Scan	Tokens	Works with
magento-admin-uiOrcaQubits/agentic-commerce-skills-plugins	Skill	40	1mo ago	MIT	A	43	Claude Code
design-taste-frontendarchestra-ai/archestra	Skill	4.4k	today	none	A	107	Claude Code, Codex
mppxinternet-court/internet-court-skill	Skill	7.1k	11d ago	none	A	45	Claude Code
design-arenaarchestra-ai/archestra	Skill	4.4k	today	none	A	46	Claude Code, Codex
figma-to-weaverseWeaverse/shopify-hydrogen-skills	Skill	93	26d ago	none	A	81	Claude Code, Codex
arwp-site-focusdkharlanau/agent-ready-web-profile	Skill	0	2d ago	none	A	61	Claude Code, Codex
ecom-amazon-a-plusddcat-ai/open-ai-canvas	Skill	1.7k	yesterday	MIT	A	34	Claude Code, Codex