← ClaudeAtlas

wp-edit-designlisted

Read or modify page-builder layouts on a connected target — Elementor, Divi, Oxygen, Bricks widget trees. Phase = Build.
nuttaruj/rolepod-wplab · ★ 1 · Web & Frontend · score 80
Install: claude install-skill nuttaruj/rolepod-wplab
# WP Edit Design Page-builder layout writes. Auto-detects the active builder, backs up before overwrite, and writes the builder-native data shape. Theme-level config (theme.json, global-styles, child themes, theme switch) lives in `wp-edit-theme`. ## Iron Rule <EXTREMELY-IMPORTANT> 1. NEVER overwrite a builder's widget tree without `backup: true` — every adapter writes a `<key>_wplab_backup` meta side-row before replacing; restore-from-backup is the only safety net for tree-shape mistakes. 2. NEVER hand-write Divi shortcodes / Oxygen JSON / Bricks JSON / Elementor `_elementor_data` without first reading the existing structure via `*_read` — every builder has version-specific shape quirks (Elementor `widgetType` capitalization, Divi `et_pb_*` opening tags, Oxygen flat-array container refs). 3. ALWAYS run `wp-health-check` on the target after a global-styles or theme.json write — bad JSON in those surfaces breaks the Site Editor irrecoverably on screen but the REST returns 200, so the failure mode is invisible until reload. </EXTREMELY-IMPORTANT> ## When to use - "Design a landing page in Elementor" - "Change the Divi hero section" - "Update Oxygen breakpoints" - "Modify Bricks widget order" Skip when: - "Set theme.json palette" / "edit global styles" / "switch theme" / "make a child theme" → `wp-edit-theme`. - The content is core (paragraphs/headings in classic or Gutenberg) → `wp-content`. - The plugin's own settings (Yoast post meta, ACF fields) → `wp-edit-plugin`. - C