launch week Respira for WordPress is live on DevHunt until Monday. Live on DevHunt this week. See the launch

Respira Bricks Builder

Respira for Bricks

Bricks Builder, edited by Claude, ChatGPT or Cursor, with undo.

Respira connects the AI client you already use to a Bricks site with 25 tools made for Bricks: pages, global classes, components, theme styles, Automatic.css and a page health check. Every edit lands on a copy first, you approve it in WordPress, and you can undo it for 90 days, global styles included.

25 dedicated toolsElement schema intelligenceACSS integrationDesign system exportPage health diagnosticsFull Intelligence
Start Free Setup Docs
Respira MCP Bricks detected
Prompt

"Run a health check on the services page."

Respira

Page health report: 3 unused elements found, 1 broken parent reference, 2 ACSS classes not in registry, nesting depth OK, performance score 92/100.

Builder Bricks Builder
Intelligence Full (Deep)
Dedicated tools 25 Bricks-specific

Bricks Builder with AI means an assistant such as Claude, ChatGPT or Cursor reading and editing a Bricks site through Respira: pages, global classes, saved components, theme styles and the colour palette, with 25 tools made for Bricks on top of the core set. Respira checks each element against the schemas Bricks publishes, writes the change on a copy first, and keeps 90 days of undo that covers the global styles too. Setup, the tool list and prompts to paste are on the Bricks MCP server page.

25 Dedicated tools

The most of any builder: 25 Bricks-specific MCP tools on top of the core toolset

50+ Element schemas

Full JSON Schema for every Bricks element type

200+ Schema properties

Settings, responsive breakpoints, layout, typography, effects

Dedicated Bricks Tools

25 tools built specifically for Bricks, on top of the core toolset.

respira_list_bricks_elements

List all registered Bricks elements with categories and icons.

respira_get_bricks_element_schema

Full JSON Schema for any element's settings, types, defaults, allowed values, responsive breakpoints.

respira_bricks_design_system

Export theme styles, colors, and typography from Bricks settings.

respira_bricks_query_loops

Discover and inspect query loop configurations across pages and templates.

respira_bricks_acss_integration

Detect Automatic.css and validate ACSS class usage on any page.

respira_bricks_page_health

Run diagnostics: unused elements, broken references, performance issues.

respira_bricks_style_profile

Profile element styling patterns across pages, find inconsistencies and repeated styles.

respira_bricks_cross_site_search

Search for elements across multiple pages and templates.

respira_bricks_design_export

Export design system for migration or documentation.

respira_bricks_element_usage

Analyze element usage frequency and patterns across the site.

Browse all Bricks-compatible tools in the catalog →

Capabilities

What Respira brings to every Bricks site.

schema

Element schema intelligence

Ask what settings any Bricks element accepts, get a full JSON Schema with types, defaults, responsive breakpoints, and allowed values. The AI knows your element library before it edits.

style

Automatic.css integration

Respira detects Automatic.css and validates ACSS class usage. Catch invalid classes, check utility coverage, and ensure your design system stays consistent.

palette

Design system export

Export theme styles, colors, and typography from Bricks settings. Use for migration, documentation, or auditing your design tokens, one prompt, full export.

health_and_safety

Page health diagnostics

Run diagnostics on any page, unused elements, broken references, nesting issues, and performance flags. Catch problems before they reach production.

replay

Query loop discovery

Discover and inspect query loop configurations across pages and templates. See post types, filters, pagination, and custom field queries at a glance.

travel_explore

Cross-site element search

Search for any element type, class, or content across every page and template. Find all image elements, locate specific sections, or audit element usage site-wide.

How It Works

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

1. Detect

Respira identifies Bricks automatically

When your AI assistant connects, Respira detects Bricks Builder, its version, and all registered elements. 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. Flat array format with parent/children references.

3. Execute

Builder-native changes, production-safe

Edits go through Bricks' own data format. Optimistic locking prevents concurrent edit conflicts. Snapshots capture state before every write.

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 Bricks translation layer so your prompts stay natural.

Explore the plugin Setup guide

Try prompts like these

  • What settings does the Bricks heading element accept?
  • Show me all query loops on the homepage.
  • Export the design system for documentation.
  • Check if ACSS classes are valid on the about page.
  • Run a health check on the services page.
  • Find all image elements across the site.
  • Build a hero section with background image and CTA.
  • Profile the styling patterns used on the homepage.

Full Intelligence for Bricks

The deepest Bricks MCP integration. Works with every AI assistant.

Element schema intelligence, ACSS integration, design system control, page health diagnostics, and cross-site search. Start free: no credit card, no setup friction.

Start Free See Pricing
Summarize with Google AI Mode