Stats
Actions
Tags
From Respira WordPress Skills Library
Converts Elementor-built WordPress pages to Breakdance Builder by mapping widgets and generating a migration plan. Invoke when migrating from Elementor.
How this skill is triggered — by the user, by Claude, or both
Slash command
/respira-wordpress-skills:migrate-elementor-to-breakdanceThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Converts Elementor-built WordPress pages to Breakdance Builder. Reads Elementor's JSON widget tree from post meta, maps each widget to its Breakdance element equivalent, generates a migration plan for approval, and writes Breakdance content to the target pages. Use this skill whenever someone wants to move from Elementor to Breakdance, switch builders from Elementor to Breakdance, or rebuild El...
Converts Elementor-built WordPress pages to Breakdance Builder. Reads Elementor's JSON widget tree from post meta, maps each widget to its Breakdance element equivalent, generates a migration plan for approval, and writes Breakdance content to the target pages. Use this skill whenever someone wants to move from Elementor to Breakdance, switch builders from Elementor to Breakdance, or rebuild Elementor pages in Breakdance.
Breakdance is a newer builder created by the Oxygen team with a focus on clean output and familiar visual editing. Both Elementor and Breakdance are widget/element-based builders, making this a relatively smooth migration path. The main challenge is mapping Elementor's JSON widget tree (_elementor_data) to Breakdance's post meta format, translating settings names, and handling the structural differences in how each builder handles sections, columns, and responsive design.
Handles:
Preserves:
templateID in Elementor; these are resolved to inline content. Breakdance global blocks must be set up separately.Elementor stores page content in the _elementor_data post meta field as a JSON string. The structure is a nested tree:
Document
└─ Section (type: "section")
├─ settings: { structure, layout, content_width, ... }
└─ elements: [
Column (type: "column")
├─ settings: { _column_size, ... }
└─ elements: [
Widget (type: "widget", widgetType: "heading")
└─ settings: { title, size, header_size, ... }
]
]
Key Elementor specifics:
widgetType field (e.g., heading, text-editor, image, button)margin, margin_tablet, margin_mobile_elementor_css post meta_elementor_page_settingstemplateIDRead Elementor content via wordpress_extract_builder_content with builder=elementor.
Breakdance stores content in post meta. Elements follow a structured format with type, settings, and children.
Key Breakdance specifics:
EssentialElements\\Heading, EssentialElements\\Text, EssentialElements\\ImageWrite Breakdance content via wordpress_inject_builder_content with builder=breakdance.
wordpress_get_site_context. If unavailable, stop and show setup guidance.wordpress_list_plugins.wordpress_list_plugins.wordpress_list_pages and wordpress_list_postswordpress_get_builder_infowordpress_extract_builder_content with builder=elementorPresent a migration plan:
## Elementor → Breakdance Migration Plan
### Site Inventory
- Total Elementor pages: X
- Total widgets to convert: X
- Auto-convertible: X (Y%)
- Manual attention: X (Y%)
### Widget Mapping Summary
| Elementor Widget | Breakdance Element | Status |
|-----------------|-------------------|--------|
| heading | Heading | Auto |
| text-editor | Text | Auto |
| image | Image | Auto |
| button | Button | Auto |
| tabs | Tabs | Auto |
| form | Form | Partial|
| [addon widget] | — | Manual |
### Page-by-Page Plan
1. **[Page Title]** — X widgets, [complexity]
- Auto-convertible: X
- Needs attention: [details]
2. ...
### Migration Advantages
- Breakdance produces cleaner CSS output
- Better WooCommerce integration (if applicable)
- Similar visual editing workflow — team adjustment is minimal
Ask for confirmation:
Ready to migrate? Your original Elementor pages remain untouched.
- Migrate all pages
- Migrate specific pages
- Start with a test page
- Just keep this plan
For each approved page:
wordpress_extract_builder_content with builder=elementorwordpress_create_page_duplicate or wordpress_create_post_duplicatewordpress_inject_builder_content with builder=breakdanceThis skill converts Elementor page content to Breakdance format and creates draft duplicates for review.
It cannot:
It can:
Core WordPress tools
wordpress_get_site_contextwordpress_list_pluginswordpress_list_pageswordpress_list_postswordpress_read_pagewordpress_read_postwordpress_get_builder_infowordpress_extract_builder_contentwordpress_inject_builder_contentwordpress_find_builder_targetswordpress_create_page_duplicatewordpress_create_post_duplicateAfter run completion, send fire-and-forget usage tracking to:
POST https://www.respira.press/api/skills/track-usageInclude:
skill_slug = migrate-elementor-to-breakdanceNever block user flow on telemetry failure.
Built by Respira Team https://respira.press/skills/migrate-elementor-to-breakdance
npx claudepluginhub respira-press/agent-skills-wordpressMigrates Divi-built WordPress pages to Breakdance Builder by parsing Divi shortcodes and mapping each module to its Breakdance equivalent.
Edit Elementor pages on WordPress sites: WP-CLI for text/image updates, browser automation for styling, layouts, sections, and templates.
Guides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.