Builder integration · Bricks

Run an MCP server for Bricks.

20 dedicated tools across the full Bricks design system: global classes, theme styles, color palette, typography, components, query loops, ACSS, page diagnostics, and one-call design-system export.

Respira gives AI coding agents a structure-aware way to read and write Bricks content through a duplicate-first workflow. Page and element writes are snapshotted, and changes can be reviewed before going live.

Get the setup snippet 41 releases touch Bricks

Live status

What ships today for Bricks

Everything below is read from this repo at build time: tool registrations come from the MCP server adapter files; changelog entries are filtered from the same source the /releases timeline uses.

Tools

25

Bricks-specific

Latest touch

7.4.17

Jun 20, 2026

Releases

41

touching Bricks

Support

Deep intelligence

level

Last 5 releases mentioning Bricks

View all 41 releases that touched Bricks →

What works

Capabilities shipped today

Concrete features in the current MCP server release. Tool names link directly to the adapter.

  • Full CRUD on Bricks global CSS classes (wordpress_list_bricks_global_classes, _create, _update, _delete).
  • Theme styles, color palette, and typography read + write (wordpress_get_bricks_theme_styles, _color_palette, _typography).
  • Saved components: list, get, and insert into pages with automatic ID remapping (wordpress_list_bricks_components, _apply_bricks_component).
  • Cross-site element search by type / class / setting (wordpress_search_bricks_elements) — audit your entire Bricks site in one call.
  • Page health diagnostics: orphaned elements, duplicate IDs, broken references, heading hierarchy (wordpress_bricks_health_check).
  • Automatic.css (ACSS) detection + import: utility classes flow into the Bricks global class registry with source tagging (wordpress_bricks_detect_acss, _import_acss).
  • Query loop discovery across the site, filterable by post type (wordpress_bricks_query_loops).
  • Style profile learning: analyse a page's patterns and create matching content (wordpress_bricks_style_profile).
  • One-call design system export (wordpress_bricks_design_system) — classes, colors, styles, typography, components — for AI context.
  • HTML → native Bricks element-tree conversion for prototypes.

Known limits

Where you still need a human pass

Honest list of edges. If you hit one of these, the snapshot workflow gives you a clean rollback path.

  • Bricks Templates CPT supports first-class CRUD via PATCH / DELETE, but condition trees with deeply nested logic still need a human review pass.
  • Optimistic locking prevents concurrent overwrites; if two agents try to write the same page in parallel, the second is rejected — by design.
  • Bricks Pro license is detected but not validated by Respira. License-gated features are accessible if the Pro plugin says so on the site side.

Tools

25 Bricks-specific tools

Registered in mcp-server/src/bricks-tools.ts at MCP server build time. Each tool name is the canonical id you call from the MCP client.

wordpress_list_bricks_global_classes wordpress_create_bricks_global_class wordpress_update_bricks_global_class wordpress_delete_bricks_global_class wordpress_get_bricks_theme_styles wordpress_update_bricks_theme_styles wordpress_get_bricks_color_palette wordpress_update_bricks_color_palette wordpress_get_bricks_typography wordpress_update_bricks_typography wordpress_list_bricks_components wordpress_get_bricks_component wordpress_apply_bricks_component wordpress_search_bricks_elements wordpress_bricks_health_check wordpress_bricks_detect_acss wordpress_bricks_import_acss wordpress_bricks_import_design_tokens wordpress_bricks_list_section_presets wordpress_bricks_insert_section_preset wordpress_bricks_scaffold_bem wordpress_bricks_lint_bem wordpress_bricks_query_loops wordpress_bricks_style_profile wordpress_bricks_design_system

Source: mcp-server/src/bricks-tools.ts

Example prompts

Three prompts you can paste right now

Each one assumes Respira is connected to your WordPress site through the MCP server below. Copy a prompt, paste into your MCP client, run.

Export the design system for AI context 

Call wordpress_bricks_design_system. Return the result so I can use it as context for the rest of this session.

Find every page using a specific global class 

Search every Bricks page and template for elements using the global class "btn-primary-lg". Group results by page title.

Run a health check on the home page 

Run wordpress_bricks_health_check on the home page. List orphaned elements, duplicate IDs, and heading hierarchy issues. Suggest fixes for the top 5.

Setup

Connect Respira's MCP server

Drop this into your MCP client config (Claude Desktop, Cursor, Codex, Windsurf — any MCP-compatible client). Generate an API key from your Respira dashboard first.

Bricks MCP server config 

{
  "mcpServers": {
    "respira-wordpress": {
      "command": "npx",
      "args": ["-y", "@respira/wordpress-mcp-server"],
      "env": {
        "WORDPRESS_URL": "https://yoursite.com",
        "WORDPRESS_API_KEY": "respira_your_api_key_here"
      }
    }
  }
}

macOS Claude Desktop: this belongs in claude_desktop_config.json, not config.json. On some versions the "Edit Config" button opens config.json — a separate preferences file in the same folder that is not read for MCP servers — so the paste appears to do nothing. If the server doesn't show up after restarting, edit the right file directly: open -a TextEdit ~/Library/Application\ Support/Claude/claude_desktop_config.json

Other builder MCPs

Gutenberg Full support Elementor Full support Divi Full support WPBakery Partial support Oxygen Full support Beaver Builder Full support Breakdance Full support Flatsome Full support

Connect a Bricks site to Respira in two minutes.

Free trial, no card. Edit your site from your favorite AI coding assistant through a snapshot-protected MCP server.

Start free Read the docs
Summarize with Google AI Mode