elementor-hooks
✓Use when hooking into Elementor lifecycle events, injecting controls, filtering widget output, or using the JS APIs. Covers elementor/init, elementor/element/before_section_end, elementor/element/after_section_end, elementor/widget/render_content filter, elementor/frontend/after_enqueue_styles, frontend JS hooks (elementorFrontend.hooks, frontend/element_ready), editor JS hooks (elementor.hooks), $e.commands API ($e.run, $e.commands.register), $e.routes, $e.hooks (registerUIBefore, registerUIAfter), control injection patterns, CSS file hooks, forms hooks (Pro), and query filters.
Installation
SKILL.md
| elementor/loaded | none | Fires when Elementor plugin is loaded, before components initialize. Use for checking Elementor availability. | | elementor/init | none | Fires when Elementor is fully loaded. Use for registering custom functionality. |
| elementor/widgets/register | WidgetsManager $widgetsmanager | Register custom widgets | | elementor/controls/register | ControlsManager $controlsmanager | Register custom controls | | elementor/dynamictags/register | DynamicTagsManager $dynamictagsmanager | Register dynamic tags |
| elementor/finder/register | CategoriesManager $categoriesmanager | Register Finder categories | | elementor/elements/categoriesregistered | ElementsManager $elementsmanager | Register widget categories | | elementor/documents/register | DocumentsManager $documentsmanager | Register document types |
Use when hooking into Elementor lifecycle events, injecting controls, filtering widget output, or using the JS APIs. Covers elementor/init, elementor/element/before_section_end, elementor/element/after_section_end, elementor/widget/render_content filter, elementor/frontend/after_enqueue_styles, frontend JS hooks (elementorFrontend.hooks, frontend/element_ready), editor JS hooks (elementor.hooks), $e.commands API ($e.run, $e.commands.register), $e.routes, $e.hooks (registerUIBefore, registerUIAfter), control injection patterns, CSS file hooks, forms hooks (Pro), and query filters. Source: peixotorms/odinlayer-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/peixotorms/odinlayer-skills --skill elementor-hooks- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-11
- Updated
- 2026-02-18
Quick answers
What is elementor-hooks?
Use when hooking into Elementor lifecycle events, injecting controls, filtering widget output, or using the JS APIs. Covers elementor/init, elementor/element/before_section_end, elementor/element/after_section_end, elementor/widget/render_content filter, elementor/frontend/after_enqueue_styles, frontend JS hooks (elementorFrontend.hooks, frontend/element_ready), editor JS hooks (elementor.hooks), $e.commands API ($e.run, $e.commands.register), $e.routes, $e.hooks (registerUIBefore, registerUIAfter), control injection patterns, CSS file hooks, forms hooks (Pro), and query filters. Source: peixotorms/odinlayer-skills.
How do I install elementor-hooks?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/peixotorms/odinlayer-skills --skill elementor-hooks Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/peixotorms/odinlayer-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-11