Figma to Gutenberg
Hand a Figma frame to your agent and get a page of plain core blocks any WordPress user can keep editing — with the design's palette registered in Global Styles.
About this skill
Rebuilds a Figma frame as core Gutenberg blocks on any WordPress 6.6+ site — no page builder required. Registers the frame's palette in Global Styles and writes to a draft so nothing live is touched.
Read-only by default. Migrations duplicate every page before any change so the original 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.
Core blocks only
Groups with flex layout, headings, paragraphs, images, buttons, details — a page that works on any theme with nothing extra installed.
Palette into Global Styles
The frame's colors register as named design tokens the whole site can reuse; blocks reference tokens, not hex copies.
Round-trip friendly
Prefers groups over columns for row layouts, so the page survives later agent reads and human edits faithfully.
Screenshot-verified
The build is compared against the Figma frame visually before handover.
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.
