Kadence · MCP

Kadence + MCP: Build Kadence Blocks With AI

Connect Kadence to Claude, Cursor or ChatGPT through NibWP. Turn HTML, a URL or a screenshot into genuine Kadence Blocks — styled through native attributes, on a plan you approve.

Get started →How it works
Kadence and MCP — let AI work through real abilities

Kadence renders its CSS from block attributes — the detail every generic converter gets wrong. Style with classes and custom CSS and the layout is technically correct but practically unmaintainable: open a block and the controls are empty.

NibWP exposes Kadence as MCP tools. Hand it HTML, a URL or a screenshot and it builds genuine Kadence Blocks, styled through native attributes, with correct nesting and unique IDs — on your approval.

What you can do over MCP

Genuine Kadence Blocks

A design becomes real Kadence Blocks — Row Layout, columns, advanced heading, buttons — not core/html dumps.

Styled by attributes

Design lives in block attributes, the way Kadence wants — so the editor controls stay populated.

Correct nesting & IDs

Columns inside Row Layout, unique IDs on every block — output that opens cleanly in the editor.

Save anywhere

Land it as a page, a Kadence Element (header, footer or hook), or a reusable pattern.

Verified attributes

Responsive sizes, section and overlay defaults — checked against a live registry, never invented.

Approve before write

Every build is shown as a plan first. Nothing is saved until you confirm.

How it works

  1. Install NibWP and connect your AI client over MCP — Kadence shows up as tools.
  2. Point it at a source: HTML, a live URL, or a screenshot.
  3. NibWP builds genuine Kadence Blocks styled by attributes, and shows you the plan.
  4. Approve, and save it as a page, a Kadence Element, or a reusable pattern.

Why typed tools beat a generic AI

A generic assistant

  • Styles with custom classes and CSS
  • Leaves the block controls empty
  • Smuggles in core/html dumps

Kadence + NibWP

  • Design in native block attributes
  • Editor controls stay fully populated
  • Correct nesting and unique IDs

Safe by default

Built for client sites, so control and traceability come first:

  • Nothing is written without your approval — you see the plan first.
  • Every action is recorded in a full audit trail.
  • It runs on WordPress core and your plugins’ own APIs — your content and site data stay on your server.
  • Reads are read-only; writes are gated.
FAQ

Questions, answered

Common questions about Kadence over MCP.

Do I need Kadence Pro?
No — Kadence Blocks (free) is enough to render the output; Pro features are used only if present.
Why does 'block attributes' matter?
Kadence renders its CSS from attributes. Styling any other way leaves the editor controls empty and the layout unmaintainable.
Can I reuse the result?
Yes — save it as a reusable pattern or a Kadence Element and drop it in anywhere.
Which AI clients work?
Claude Code, Claude Desktop, Cursor, Windsurf and ChatGPT — anything that speaks MCP.

Put AI to work in Kadence.

Install NibWP, connect your AI client, and work through real Kadence abilities — safely, on your own site.

Get started →How it works