ui-component-forms

Create and manage Magento 2 admin forms with UI component XML.

18|4|Updated Jun 17, 2026
One-click install
npx skills add https://github.com/Inchoo/magento-bricklayer --skill ui-component-forms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-component-forms
Source: https://github.com/Inchoo/magento-bricklayer/tree/main/config/skills/ui-component-forms
Command: npx skills add https://github.com/Inchoo/magento-bricklayer --skill ui-component-forms

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill unit provides the necessary tools and guidelines to create and manage admin forms in Magento 2, enhancing the user interface and experience.

Core Features & Use Cases

  • Admin Form Creation: Offers XML configuration for UI components to create custom admin forms.
  • Form Data Provider: Provides a PHP class to handle form data retrieval and manipulation.
  • Field Types and Modifiers: Includes a comprehensive guide to various form elements and their usage.
  • JavaScript Components: Demonstrates how to create custom JavaScript components for forms.
  • Best Practices: Offers guidelines for building maintainable and efficient UI components.

Quick Start

Create a new admin form by following the instructions in the SKILL.md file and configuring the UI component XML.

Frequently Asked Questions about ui-component-forms

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an admin form in Magento 2 using UI components?

Building a Magento 2 admin form involves configuring UI component XML files and implementing PHP data providers to handle form data retrieval. This Skill provides the structural guidelines and framework to set up these elements for your custom modules.

What is a PHP data provider used for in Magento 2 admin forms?

A PHP data provider in Magento 2 admin forms is a class that handles form data retrieval and manipulation. It supplies the UI component configuration with the necessary data payloads to populate form fields when editing existing records.

Do I need to know JavaScript to configure Magento 2 UI components?

Yes, developing custom JavaScript components is required for advanced Magento 2 admin forms. While basic form configuration relies on XML, creating custom interactive form elements requires JavaScript knowledge to implement specific frontend behaviors.

What is the best way to structure XML configuration for Magento 2 admin forms?

The best way to structure XML configuration for Magento 2 admin forms is by following established UI component best practices. This involves using the framework's XML schema to declare field types, modifiers, and data sources cleanly to ensure maintainability.

Can I add custom field types and modifiers to a Magento 2 admin form?

Yes, you can add custom field types and modifiers to a Magento 2 admin form. The framework supports a comprehensive range of form elements, allowing you to extend standard inputs and apply modifiers to alter form structure and behavior dynamically.