Build an Elementor page
Elementor writes every style into the widget that shows it, so what a widget leaves out comes from the theme. This recipe closes those gaps before the first build.
About this skill
Build an Elementor page by hand that looks like its design the first time: the right template, complete typography on every widget, the design's computed values instead of guesses, inline buttons, spacing and mobile settings, and a render check.
Read-only by default. Any write operation creates a duplicate first, so the original page stays intact and you have an undo handle. All execution runs through Respira's MCP server with your existing credentials.
What it does
4 capabilities run in one pass — each one focused on a single failure mode.
The right template
Canvas for a page that draws its own header and footer, header-and-footer for one that keeps the site's, so no theme title sits on top.
Computed values, not guesses
Headings are bold unless the design says otherwise, line heights inherit the body, paragraphs have margins: the browser defaults a hand build forgets.
Complete widgets
Typography, colour and line height on every heading, text and button, inline buttons, hover colours, and the mobile variants.
Checked on the page
A share link at desktop and phone width, compared with the design section by section before the page is called done.
What you'll need
Respira for WordPress plugin installed on the target site, with a valid API key.
An AI agent that supports Skills + MCP — Claude Code, Codex, Antigravity, or Cursor.
SKILL.md saved where your agent looks for skills (see install panel above).
Community feedback
What people say
Rate this skill and share what worked (or what needs to improve).
Community rating
—
/ 5
0 ratings
Community Ratings
Showing: Most helpful
One agent. Many skills.
Browse the full catalog or build your own — the bar is low and the standards are real.