magento2-widget-creation

Community

Easily build Magento 2 widgets for CMS

AuthorProxiBlue
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a complete, step-by-step guide to building custom Magento 2 widgets that can be embedded into CMS pages and blocks, reducing integration time and ensuring consistent widget patterns across themes.

Core Features & Use Cases

  • Module scaffolding: Registration, module.xml, and frontend routes for widget interaction.
  • Widget definition & rendering: widget.xml, Block classes, and template integration for frontend output.
  • Non-Hyvä theme compatibility: Guidance on creating widgets for standard Magento themes (Luma/Blank) and optional modal forms or AJAX endpoints.
  • Use Case: A store editor adds a promotional widget to a homepage block for a campaign.

Quick Start

Follow the guide to create a new widget module in app/code/Vendor/ModuleName with registration.php, etc. Then configure a widget in etc/widget.xml, implement a Block, a template, and an optional JS file.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: magento2-widget-creation
Download link: https://github.com/ProxiBlue/claude-skills/archive/main.zip#magento2-widget-creation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.