Respira for Elementor
The deepest Elementor intelligence for any AI assistant.
9 dedicated tools. Widget schema intelligence. Design system export and update. Conversion validator. Settings validation. Layout patterns. Works with Claude, Cursor, Codex, or any MCP client.
9 dedicated toolsWidget schema intelligenceDesign system exportConversion validatorSettings validationLayout patternsFull Intelligence
Respira MCP
Elementor detected
Prompt
"What settings does the heading widget accept?"
Respira
Full JSON Schema returned: title, size, tag (h1–h6), alignment, color, typography group, text shadow, blend mode, CSS classes...
Elementor-specific MCP tools beyond the 131 core
Full JSON Schema for every core Elementor widget
Typography, layout, spacing, effects, responsive
Dedicated Elementor Tools
9 tools built specifically for Elementor, beyond the 131 core tools.
respira_list_elementor_widgets Enumerate every registered widget with category, icon, and available controls.
respira_get_elementor_widget_schema Full JSON Schema for any widget — types, defaults, allowed values, responsive keys.
respira_elementor_design_system Export global colors, typography, and spacing from the Elementor kit.
respira_update_elementor_global_colors Update brand colors across the design system in one call.
respira_update_elementor_global_typography Change font families, sizes, and weights at the kit level.
respira_elementor_add_custom_js Inject analytics, tracking, or interactions via HTML widget — safely scoped.
respira_add_stock_image Search, download, and place a stock photo into any Elementor page.
respira_convert_html_to_builder Turn raw HTML into native Elementor widget structure with proper controls.
respira_validate_elementor_json Validate Elementor JSON against 7 rendering fidelity rules with auto-fix. Catches margin injection, typography flags, column width collapse, and more.
Capabilities
What Respira brings to every Elementor site.
Widget schema intelligence
Ask what settings any Elementor widget accepts — get a full JSON Schema with types, defaults, and allowed values. The AI knows your widget library before it edits.
Design system export & update
Export global colors and typography from the Elementor kit. Update brand colors or typography styles without touching the WordPress admin — one prompt, one call.
One-call stock images
Search, download, and add an image widget to any page in one prompt. No multi-step workflow — just say "add a photo of a modern office to the hero."
Settings validation
Respira validates widget settings against the real schema before injection. Typos, wrong types, and invalid values get caught before they reach the page.
Layout patterns
Pre-built Elementor patterns for hero sections, feature grids, testimonials, CTAs, and more. Full widget structure with responsive settings — not just placeholder HTML.
Custom JS injection
Add analytics, tracking, or custom interactions to any Elementor page via prompt. Respira injects JavaScript safely through scoped HTML widgets.
Conversion validator
Every HTML-to-Elementor conversion runs through 7 rendering fidelity rules before reaching the page. Catches margin injection, missing typography flags, column collapse, and boxed-vs-fullwidth mismatches — then auto-fixes them.
How It Works
Automatic detection. Schema-driven accuracy. Production-safe execution.
1. Detect
Respira identifies Elementor automatically
When your AI assistant connects, Respira detects Elementor, its version, and all registered widgets. No builder-specific config needed.
2. Understand
Widget schemas drive accurate edits
Every edit is informed by real widget schemas — the AI knows what properties exist, what types they accept, and what values are valid.
3. Execute
Builder-native changes, production-safe
Edits go through Elementor's own data format. Snapshots capture state before every write. Validation catches problems before they reach the page.
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 Elementor translation layer so your prompts stay natural.
Try prompts like these
What settings does the Elementor heading widget accept?Show me the global colors and typography for this site.Add a stock photo of a modern office to the hero section.Update the brand primary color to #1B4D7A across the design system.Build a three-column feature section with icons and descriptions.List all registered Elementor widgets.Add Google Analytics tracking to the homepage.Create a hero section with a background image and centered heading.Validate this Elementor JSON before injecting it.
Full Intelligence for Elementor
The deepest Elementor MCP integration. Works with every AI assistant.
Widget schema intelligence, design system control, conversion validator, settings validation, and layout patterns. Start free — no credit card, no setup friction.