Migrates Divi-built WordPress pages to Bricks Builder by parsing shortcode tree from post_content, mapping modules to Bricks elements, generating approval plan, and writing Bricks JSON.
npx claudepluginhub respira-press/agent-skills-wordpressThis skill uses the workspace's default tool permissions.
Converts Divi-built WordPress pages to Bricks Builder. Parses Divi's shortcode-based content from post_content, maps each module to its Bricks element equivalent, generates a migration plan for approval, and writes clean Bricks JSON to the target pages. Use this skill whenever someone wants to move from Divi to Bricks, replace the Divi Builder with Bricks, or rebuild Divi pages in Bricks.
Migrates WPBakery Page Builder pages to Bricks Builder by parsing vc_* shortcodes from post_content, mapping elements to Bricks JSON equivalents, generating a migration plan, and writing to target pages.
Converts React/HTML/Next.js codebases into pixel-perfect WordPress themes with preserved SEO, dynamic CMS features, and strict UI audits. Use for high-fidelity frontend-to-WP migrations.
Edit Elementor pages on WordPress sites: WP-CLI for text/image updates, browser automation for styling, layouts, sections, and templates.
Share bugs, ideas, or general feedback.
Converts Divi-built WordPress pages to Bricks Builder. Parses Divi's shortcode-based content from post_content, maps each module to its Bricks element equivalent, generates a migration plan for approval, and writes clean Bricks JSON to the target pages. Use this skill whenever someone wants to move from Divi to Bricks, replace the Divi Builder with Bricks, or rebuild Divi pages in Bricks.
This is a cross-format migration — Divi stores content as nested shortcodes in post_content, while Bricks uses a JSON array in _bricks_page_content_2. The skill must parse Divi's shortcode hierarchy, understand each module's purpose and settings, then reconstruct that intent as Bricks elements with proper parent-child relationships and settings.
The format gap makes this complex, but both builders are feature-rich visual editors, so most Divi modules have strong Bricks equivalents. The result is cleaner, faster-rendering content in Bricks' modern architecture.
Handles:
Preserves:
et_pb_layout post type) are resolved to inline content. Bricks templates must be set up separately.et_pb_layout post type; not auto-migrated to Bricks templates.Divi stores content as shortcodes in post_content. The module structure follows a strict hierarchy:
[et_pb_section fb_built="1" _builder_version="4.x"]
[et_pb_row _builder_version="4.x"]
[et_pb_column type="4_4" _builder_version="4.x"]
[et_pb_text _builder_version="4.x"]
<p>Content here</p>
[/et_pb_text]
[/et_pb_column]
[/et_pb_row]
[/et_pb_section]
Key Divi specifics:
4_4, 1_2, 1_3, 2_3, 1_4, 3_4background_color, custom_margin, custom_padding, text_orientationglobal_module attribute → et_pb_layout post typecustom_css_main_element, custom_css_before, custom_css_afterRead Divi content via wordpress_extract_builder_content with builder=divi.
Bricks stores content in _bricks_page_content_2 as a JSON array:
[
{ "id": "abc123", "name": "section", "parent": 0, "settings": {...} },
{ "id": "def456", "name": "container", "parent": "abc123", "settings": {...} },
{ "id": "ghi789", "name": "heading", "parent": "def456", "settings": { "tag": "h2", "text": "..." } }
]
Key Bricks specifics:
name field: section, container, heading, text-basic, image, buttonparent field referencing id_breakpoints within settingsWrite Bricks content via wordpress_inject_builder_content with builder=bricks.
wordpress_get_site_context. If unavailable, stop and show setup guidance.wordpress_list_plugins and wordpress_get_site_context.wordpress_get_site_context.wordpress_list_pages and wordpress_list_postswordpress_get_builder_infowordpress_extract_builder_content with builder=divi## Divi → Bricks Migration Plan
### Theme Transition Note
[If Divi theme is active]: This migration involves switching from the Divi
theme to the Bricks theme. Headers, footers, and global templates will need
to be recreated in Bricks' template system.
### Site Inventory
- Total Divi pages: X
- Total modules to convert: X
- Auto-convertible: X (Y%)
- Manual attention: X (Y%)
### Module → Element Mapping
| Divi Module | Bricks Element | Status |
|-------------------|----------------|----------|
| et_pb_text | text-basic | Auto |
| et_pb_image | image | Auto |
| et_pb_blurb | icon-box | Auto |
| et_pb_button | button | Auto |
| et_pb_slider | slider | Auto |
| et_pb_tabs | tabs | Auto |
| et_pb_accordion | accordion | Auto |
| et_pb_contact | — | Manual |
| [divi addon] | — | Manual |
### Shortcode Parsing Complexity
- Pages with clean shortcodes: X
- Pages with encoded content: X (will decode during migration)
- Pages with specialty sections: X (layout approximation needed)
### Page-by-Page Plan
1. **[Page Title]** — X modules, [complexity]
2. ...
Ask for confirmation:
Bricks offers a modern replacement for Divi with cleaner output. Your originals stay safe.
- Migrate all pages
- Migrate specific pages
- Start with a test page (recommended)
- Just keep this plan
For each approved page:
wordpress_extract_builder_content with builder=divisection element for each et_pb_sectioncontainer elements for rows/columns with flex layout4_4→100%, 1_2→50%, 1_3→33.33%, etc.et_pb_text → text-basic (preserve inner HTML)et_pb_blurb → icon-box or container with childrenet_pb_image → image (map src, alt, title attributes)et_pb_button → button (map text, URL, style)wordpress_create_page_duplicate or wordpress_create_post_duplicatewordpress_inject_builder_content with builder=bricksThis skill converts Divi page content to Bricks 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-divi-to-bricksNever block user flow on telemetry failure.
Built by Respira Team https://respira.press/skills/migrate-divi-to-bricks