Docs · Integrations

Breakdance

Build Breakdance sites with AI: page node trees, elements, headers, footers, popups, templates, display conditions, global settings and variables. Oxygen 6 too.

Breakdance is one of the builders NIBWP turns into a set of typed, agent-callable tools. Activate Breakdance, switch the integration on, and an agent can read and build pages through the same secure MCP endpoint as everything else — scoped to your token and recorded in the audit log.

This one needs an integration more than most builders do. A Breakdance page is not stored in post content: the layout is a JSON node tree kept in post meta. An assistant working through the standard WordPress API can write to the post body all day and change nothing a visitor ever sees.

TL;DR

Active plugin in, typed tools out. Read a page as a node tree, change one element without disturbing the rest, build headers, footers, popups and templates with the conditions that decide where they appear, and reach the global settings, selectors, presets and variables behind them.

Your builder, programmable

Connecting Breakdance to your agents changes what is possible with it:

  • The real node tree — Read a page as structure, replace it wholesale, or edit a single node and leave everything else exactly as it was.
  • Your element registry — Breakdance publishes every registered element and its controls at runtime, so nothing is guessed from a documentation page that went stale.
  • Templates that actually display — Headers, footers, popups and templates are built together with their display conditions — one without them exists and appears nowhere.
  • The global design layer — Settings, selectors, presets and variables, so new work matches the site instead of inventing a second design system.
  • Revisions as the undo — List them and restore one when a change was wrong.
  • Oxygen 6 included — The same codebase under a different brand. Post types and storage keys are read from Breakdance’s own constants, so it behaves correctly on either.

The tools

Fourteen abilities, grouped by what they touch rather than one per operation:

ToolWhat it does
nibwp/breakdance-infoVersion, brand mode, post types and content counts.
nibwp/breakdance-elementsEvery registered element with its control schema.
nibwp/breakdance-treeRead a page as a tree or a flat outline, render it, or replace it.
nibwp/breakdance-nodesAdd, update, duplicate, move or remove one node.
nibwp/breakdance-pagesFind Breakdance pages, create them, enable the builder on a post.
nibwp/breakdance-templatesHeaders, footers, popups, templates and global blocks.
nibwp/breakdance-conditionsWhere each template displays.
nibwp/breakdance-global-settingsSite-wide typography, colors and breakpoints.
nibwp/breakdance-selectorsGlobal CSS classes and selectors.
nibwp/breakdance-presetsSaved design presets.
nibwp/breakdance-variablesDesign tokens and their collections.
nibwp/breakdance-formsForm submissions.
nibwp/breakdance-revisionsList and restore revisions.
nibwp/breakdance-deleteTrash, permanently delete, or clear a page’s tree.

A sensible order

Reading before writing is what separates a build that works from one that renders blank:

  1. Check what is therebreakdance-info reports the brand mode and the real post type slugs, which differ between Breakdance and Oxygen.
  2. Read the vocabularybreakdance-elements lists what this install registers. The set depends on the license, the active subplugins and any third-party packs.
  3. Read the tokensbreakdance-variables and breakdance-selectors, so the new section uses what the site already has.
  4. Outline before editingbreakdance-tree with action=outline gives you node IDs without pulling down an enormous tree.
  5. Change one nodebreakdance-nodes merges properties rather than replacing them, so a heading change does not discard the styling around it.
  6. Assign templates — A new header or template needs conditions before anyone sees it.

Worth knowing

Element slugs are namespaced — EssentialElementsHeading — and in JSON the backslash has to be doubled. Breakdance does not error on an unknown element; it renders nothing. Deleting a header, footer or template changes every page it applied to, not just one, so trashing (reversible) is preferred and permanent deletion asks for confirmation.

FAQ

Does this work with Oxygen 6?
Yes. Oxygen 6 is the same builder under a different brand. Every post type and storage key is resolved through Breakdance’s own constants rather than hardcoded, so the integration behaves correctly on either.
Will it overwrite work I did by hand?
Not unless you ask. Single-node edits change one node and merge properties. Replacing a whole page is a separate, explicit action.
Why can generic AI tools not edit Breakdance pages?
Because the layout is a JSON node tree in post meta, not post content. Writing HTML into the post body changes nothing on the front end.
Can I undo a change?
Revisions are covered, so a page can be restored. Check a page has revisions before a large structural change.
Is there a Pro Skill for it?
Yes — Breakdance Pro converts HTML, URLs, screenshots and Figma frames into validated Breakdance pages, and validates every slug and property against your own registry.

Connect Breakdance

Activate the plugin, switch the integration on, and let an agent build pages that actually render.

See the integration

Connect your first agent.

Follow the quickstart, or book a demo and we'll walk you through it.