Respira Breakdance

Respira for Breakdance

Breakdance, edited by Claude, ChatGPT or Cursor, with undo.

Respira connects the AI client you already use to a Breakdance site and reads the element tree as Breakdance stores it: 84 elements with their schemas and nesting rules, Global Blocks and Global Styles included. Every edit lands on a copy first, you approve it in WordPress, and you can undo it for 90 days.

84 registered elements120+ schema propertiesNesting validationFuzzy matchingContent/design splitFull Intelligence
Start Free Setup Docs
Respira MCP Breakdance detected
Prompt

"Build a FAQ section with accordion."

Respira

Schema validated: EssentialElements\\Accordion, 3 items injected with title, content, icon toggle, open-by-default settings. _nextNodeId incremented safely.

Builder Breakdance
Intelligence Full (Deep)
Elements 84 across 7 categories

Breakdance with AI means an assistant such as Claude, ChatGPT or Cursor reading and editing a Breakdance site through Respira: the element tree of each page, the Global Blocks referenced across pages, and the Global Styles behind them. Respira checks each element against Breakdance's own schemas and nesting rules, writes the change on a copy first, and keeps 90 days of undo. Setup, the tool list and prompts to paste are on the Breakdance MCP server page.

84 Registered elements

Across 7 categories: Basics, Blocks, Site, Advanced, Dynamic, Forms, WooCommerce

120+ Schema properties

Typography, layout, spacing, responsive breakpoints, design tokens

8 Layout patterns

Hero, features, CTA, FAQ, pricing, testimonials, and more

Intelligence Features

Deep Breakdance intelligence, built into the core tools.

Element registry

84 elements across 7 categories with runtime detection. EssentialElements\ namespace prefix for reliable identification.

Schema generation

120+ properties with responsive breakpoint support. Full JSON Schema for any element, types, defaults, allowed values.

Settings validator

Fuzzy matching ("Did you mean backgroundColor?"), nesting rules, enum validation. Catches errors before they reach the page.

Content/design split

Preserves Breakdance's separate content and design data stored in _breakdance_data post meta.

Layout patterns

8 pre-built patterns, hero, features, CTA, FAQ, pricing, testimonials, and more. Full element structure with responsive settings.

_nextNodeId tracking

Safe element ID generation after injection. Tracks and increments _nextNodeId to prevent ID collisions in the JSON tree.

Capabilities

What Respira brings to every Breakdance site.

schema

Element schema intelligence

Ask what settings any Breakdance element accepts, get a full JSON Schema with types, defaults, and allowed values. Covers all 84 elements across 7 categories.

verified

Nesting validation

Parent-child rules enforced before injection. Respira validates that elements are placed in valid containers, preventing broken layouts and rendering errors.

layers

Content/design preservation

Breakdance stores content and design data separately. Respira understands this split and preserves both layers when making edits, no data loss.

spellcheck

Fuzzy settings matching

Misspelled a property? Respira suggests the closest match. "Did you mean backgroundColor?", catching typos and invalid keys before they cause silent failures.

dashboard

Layout patterns

8 pre-built Breakdance patterns for hero sections, feature grids, CTAs, FAQs, pricing tables, and more. Native element structure with responsive breakpoints.

shopping_cart

WooCommerce elements

13 WooCommerce-specific elements automatically available when WooCommerce is active. Product grids, cart, checkout, and more, all with full schema support.

How It Works

Automatic detection. Schema-driven accuracy. Production-safe execution.

1. Detect

Respira identifies Breakdance automatically

When your AI assistant connects, Respira detects Breakdance, its version, and all 84 registered elements across 7 categories. No builder-specific config needed.

2. Understand

Element schemas drive accurate edits

Every edit is informed by real element schemas, the AI knows what properties exist, what types they accept, and what values are valid. Content and design data stay separated.

3. Execute

Builder-native changes, production-safe

Edits go through Breakdance's own JSON tree format in _breakdance_data. Snapshots capture state before every write. Nesting validation and _nextNodeId tracking prevent corruption.

Example Prompts

What you can ask, right now.

These work with any MCP-compatible AI client, Claude, Cursor, Codex, Windsurf, or Cline. Respira handles the Breakdance translation layer so your prompts stay natural.

Explore the plugin Setup guide

Try prompts like these

  • What settings does the Breakdance heading element accept?
  • Build a FAQ section with accordion.
  • Check the homepage for nesting violations.
  • Create a three-column feature section with icon boxes.
  • List all registered Breakdance elements.
  • Build a pricing table section.
  • What layout patterns are available for Breakdance?
  • Create a hero section with background and CTA button.

Full Intelligence for Breakdance

Deep Breakdance intelligence. Works with every AI assistant.

Element schema intelligence, nesting validation, fuzzy settings matching, and layout patterns. Start free: no credit card, no setup friction.

Start Free See Pricing
Summarize with Google AI Mode