Respira Breakdance

Respira for Breakdance

Full Intelligence for Breakdance Builder.

84 elements across 7 categories. 120+ schema properties. Nesting validation with parent-child rules. Fuzzy settings matching. Layout patterns. Works with Claude, Cursor, Codex, or any MCP client.

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
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