elementor-widget-creation

Automates end-to-end Elementor widget creation with SOMA standards.

Updated Dec 6, 2025
One-click install
npx skills add https://github.com/sanruiz/fibra --skill elementor-widget-creation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: elementor-widget-creation
Source: https://github.com/sanruiz/fibra/tree/main/.github/skills/elementor-widget-creation
Command: npx skills add https://github.com/sanruiz/fibra --skill elementor-widget-creation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the repetitive, error-prone process of creating a new Elementor widget by providing a complete, standards-aligned scaffold including class files, loader registration, CSS, integration tests, translation setup, and documentation.

Core Features & Use Cases

  • Scaffold a fully structured widget with class, loader registration, and CSS assets
  • Generate integration tests and update AllWidgetsTest.php for production-ready validation
  • Prepare translations and documentation to publish and maintain the widget

Quick Start

Follow the workflow to scaffold a new SOMA Elementor widget and run the integration tests to verify Elementor compatibility.

Frequently Asked Questions about elementor-widget-creation

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

FAQPage Schema
How do I create an Elementor widget that follows strict WordPress theme standards?

Creating an Elementor widget to SOMA standards requires a complete scaffold including class files, loader registration, CSS assets, integration tests, and documentation. This enforces a required folder structure and production-ready validation within the WordPress theme.

What is the standard folder structure for developing a custom Elementor widget in PHP?

The standard folder structure for a custom Elementor widget includes class files, loader registration, CSS assets, integration tests, and translation files. Enforcing this structure ensures proper widget registration and production-ready validation.

How do I generate integration tests for a custom Elementor widget?

Generating integration tests for an Elementor widget involves creating test files that verify Elementor compatibility and updating AllWidgetsTest.php. This provides production-ready validation directly within your WordPress theme testing environment.

Does creating a new Elementor widget require manual translation and documentation setup?

Creating a new Elementor widget does not require manual translation and documentation setup when automated scaffolding is used. The workflow prepares translations and generates documentation as part of the end-to-end widget creation process.

Can I extend an existing Elementor widget instead of building one from scratch?

You can extend an existing Elementor widget instead of building one from scratch. The scaffolding workflow supports extending existing widgets while enforcing required folder structure, CSS assets, and integration tests within the WordPress theme.