new-widget

Scaffold Essential Addons Elementor widgets with PHP class, SCSS, and config.php.

54|48|Updated Jul 19, 2017
One-click install
npx skills add https://github.com/WPDevelopers/essential-addons-for-elementor-lite --skill new-widget
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: new-widget
Source: https://github.com/WPDevelopers/essential-addons-for-elementor-lite/tree/main/.claude/skills/new-widget
Command: npx skills add https://github.com/WPDevelopers/essential-addons-for-elementor-lite --skill new-widget

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a streamlined, boilerplate-free pathway to scaffold a complete Essential Addons widget for Elementor, including PHP class, SCSS, optional JS, and configuration wiring, reducing repetitive setup.

Core Features & Use Cases

  • End-to-end widget scaffold: generates PHP class, SCSS, optional JS, and config.php entry to ensure consistent EA conventions.
  • Keeps next-session work focused on controls and render logic by providing a ready-to-use skeleton that follows EA naming, text domain, and asset conventions.
  • Use case: a developer needs to rapidly add a new widget with a solid foundation for styling and behavior, ready for integration.

Quick Start

Provide the widget class name and preferences, then generate the PHP class, SCSS, and asset wiring, followed by a build and verification step.

Frequently Asked Questions about new-widget

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

FAQPage Schema
How do I scaffold a new Elementor widget end-to-end?

Scaffolding an Elementor widget end-to-end involves generating a PHP class, SCSS, optional JS, and config.php registration, followed by a build and verification step. This provides a ready-to-use skeleton matching your widget class name and preferences.

What is the best way to generate Essential Addons Elementor widget boilerplate?

Generating Essential Addons Elementor widget boilerplate is best done by automating the creation of the PHP class, SCSS, and configuration wiring. This ensures consistent EA conventions for naming, text domain, and assets while reducing repetitive setup.

Do I need to manually register a new Elementor widget in config.php?

You do not need to manually register a new Elementor widget in config.php if you use automated scaffolding. The process handles Phase 6 config registration automatically, wiring the widget into the Essential Addons configuration correctly.

Can I include optional JavaScript when creating an Elementor widget skeleton?

Yes, you can include optional JavaScript when creating an Elementor widget skeleton. During the Phase 4 step of the scaffolding process, you can specify preferences to generate the necessary JS file alongside the PHP class and SCSS.

How does automated widget scaffolding handle SCSS and asset conventions?

Automated widget scaffolding handles SCSS and asset conventions by generating files that follow Essential Addons naming and text domain standards. The Phase 3 step produces the SCSS file, ensuring your styling foundation is ready for integration.

What does the build and verification workflow do after scaffolding an Elementor widget?

The build and verification workflow after scaffolding an Elementor widget validates the generated PHP class, SCSS, and JS files. It ensures the end-to-end skeleton is structurally sound and ready for you to focus on adding controls and render logic.