# Breakdance with AI: what Claude and ChatGPT can read and edit > Breakdance with AI: Claude, ChatGPT or Cursor reads and edits Breakdance pages, Global Blocks and Global Styles through Respira, on a copy first, with 90 days of undo. Source: https://www.respira.press/integrations/breakdance --- 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](https://www.respira.press/breakdance-mcp) 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](https://www.respira.press/plugin) [Setup guide](https://www.respira.press/docs/configuration) 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](https://www.respira.press/signup) [See Pricing](https://www.respira.press/pricing)