Respira for Bricks
The deepest Bricks intelligence for any AI assistant.
20 dedicated tools — the most of any builder. Element schema intelligence. ACSS integration. Design system export. Page health diagnostics. Works with Claude, Cursor, Codex, or any MCP client.
20 dedicated toolsElement schema intelligenceACSS integrationDesign system exportPage health diagnosticsFull Intelligence
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.
The most of any builder — 20 Bricks-specific MCP tools beyond the 131 core
Full JSON Schema for every Bricks element type
Settings, responsive breakpoints, layout, typography, effects
Dedicated Bricks Tools
20 tools built specifically for Bricks, beyond the 131 core tools.
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.
Capabilities
What Respira brings to every Bricks site.
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.
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.
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.
Page health diagnostics
Run diagnostics on any page — unused elements, broken references, nesting issues, and performance flags. Catch problems before they reach production.
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.
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.
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.