$npx -y skills add guramzhgamadze/WordPress-Elementor-Skill --skill wp-elementor-skillExpert WordPress and Elementor Pro development skill. Use this whenever the user asks about WordPress theme development, Elementor Pro customization, plugin architecture, custom post types, hooks/filters, Loop Grids, Dynamic Tags, Theme Builder templates, off-canvas UIs, custom C
| 1 | # WordPress & Elementor Pro — Skill Router |
| 2 | |
| 3 | A complete procedural guide for producing production-grade WordPress and Elementor Pro |
| 4 | code. This file is the **router** — read it first, then load the relevant sub-file(s) |
| 5 | for the task at hand. |
| 6 | |
| 7 | --- |
| 8 | |
| 9 | ## Sub-file Map — Read the Right File for Each Task |
| 10 | |
| 11 | | Task type | Read this file | |
| 12 | |---|---| |
| 13 | | Plugin scaffold, child theme, code placement, CPT, AJAX handler | **scaffolding.md** | |
| 14 | | PHP standards, sanitization, escaping, nonces, WP_Error, transients, password hashing | **php-standards.md** | |
| 15 | | JavaScript standards, enqueue API, defer/async, wp_add_inline_script | **js-css-standards.md** | |
| 16 | | CSS standards, BEM, design tokens, Elementor CSS selectors | **js-css-standards.md** | |
| 17 | | Elementor custom widget, Dynamic Tags, Loop Grid, Form actions, Theme Builder conditions | **elementor-patterns.md** | |
| 18 | | Elementor extension points — custom **form fields**, **theme locations**, injecting controls into native widgets, Finder/context-menu, hooks reference, deprecations | **elementor-extending.md** | |
| 19 | | WooCommerce HPOS, order API, template overrides, Loop Grid for products | **woocommerce.md** | |
| 20 | | REST API endpoints, schema, permission callbacks | **rest-api.md** | |
| 21 | | Off-canvas UI, off-canvas accessibility, focus trap | **offcanvas-ui.md** | |
| 22 | | Performance checklists (frontend + backend), speculative loading, IE conditional comments | **performance.md** | |
| 23 | | Accessibility checklist, WCAG 2.2 AA, ARIA patterns | **performance.md** | |
| 24 | | **Hard-won production gotchas** — widget lifecycle fatals, `content_template()` escaping, CSS-in-Elementor footguns, transactional email, wp.org review/packaging, embedding apps | **field-notes.md** | |
| 25 | | **wordpress.org submission** — the 18 Directory Guidelines, Plugin Check 2.0.0 categories/usage, review process, required headers/readme | **wp-org-guidelines.md** | |
| 26 | | **Subversion (SVN)** — deploying/tagging a release on the wordpress.org plugin/theme SVN (trunk/tags/assets), the daily work cycle, branching/merging, properties, repo admin | **svn/svn.md** (self-contained sub-bundle; `svn/references/` goes deeper) | |
| 27 | | **Debugging & static analysis** — PHPCS+WPCS, PHPStan, Plugin Check, `WP_DEBUG`/Query Monitor, Elementor Safe Mode/cache, symptom→cause table | **debugging.md** | |
| 28 | | **Common WordPress APIs** — admin settings page (Settings + Options API), `register_meta`, roles/capabilities, WP-Cron, internationalization (i18n) | **wordpress-apis.md** | |
| 29 | |
| 30 | ### Widget Boilerplates — Load when building a widget of that type |
| 31 | |
| 32 | | Widget type | Read this file | |
| 33 | |---|---| |
| 34 | | Button / CTA with icon and link | **widget-button.md** | |
| 35 | | Container / layout wrapper / section / card shell | **widget-container.md** | |
| 36 | | Image with caption, link, lightbox | **widget-image.md** | |
| 37 | | Heading / title / HTML tag selector | **widget-heading.md** | |
| 38 | | Rich text / WYSIWYG body content | **widget-text-editor.md** | |
| 39 | | Video embed (YouTube, Vimeo, self-hosted) | **widget-video.md** | |
| 40 | | Widget that renders a saved Elementor template by ID | **widget-elementor-template.md** (SELECT2, `get_builder_content_for_display()`, Dynamic Tags context, CSS timing) | |
| 41 | | Widget whose markup lives in a separate PHP template file | **widget-php-template.md** (Strategies A/B/C, `load_template()`, `ob_start`, path-traversal safety) | |
| 42 | | Divider / horizontal rule with optional text or icon | **widget-divider.md** | |
| 43 | | Spacer / vertical gap | **widget-spacer.md** | |
| 44 | | Single standalone icon with optional link | **widget-icon.md** | |
| 45 | | Icon + title + description box | **widget-icon-box.md** | |
| 46 | | Image + title + description box | **widget-image-box.md** | |
| 47 | | Image grid / gallery | **widget-image-gallery.md** | |
| 48 | | Image slider / carousel | **widget-image-carousel.md** | |
| 49 | | Bullet list with icons per item | **widget-icon-list.md** | |
| 50 | | Animated number counter | **widget-counter.md** | |
| 51 | | Percentage progress bar | **widget-progress.md** | |
| 52 | | Customer quote / testimonial | **widget-testimonial.md** | |
| 53 | | Tabbed content panels | **widget-tabs.md** | |
| 54 | | Accordion — one panel open at a time | **widget-accordion.md** | |
| 55 | | Toggle — |