Docs · Pro Skills

Kadence Pro

Turn HTML, a URL, a screenshot or a design into native Kadence Blocks layouts, templates and patterns that stay editable in the block editor.

Kadence Pro converts a design into real Kadence Blocks. Not a screenshot pasted into an HTML block, and not markup that renders correctly and cannot be touched: rows, columns, headings and buttons that open in the block editor and can be changed by whoever owns the site.

That last part is the whole point. It is easy to produce markup that looks right on the front end and is dead in the editor, because the blocks are missing the attributes the editor needs to understand them. Kadence Pro treats editability as the requirement and pixel fidelity as the thing that yields when the two conflict.

TL;DR

Give it HTML, a URL, an image or a description. It builds a validated Kadence Blocks tree, proves the page actually renders before writing, and persists it as a page, a template or a reusable pattern.

Design in attributes, not in CSS

Every Kadence block renders from its own attributes at request time, and that single fact shapes how this skill works:

  • Attributes, never stylesheets — Set the attribute and Kadence writes the CSS. The client can still edit it afterwards, which a stylesheet would prevent.
  • Native blocks only — Rows, columns, advanced headings, buttons, icon lists and info boxes, not a wall of raw HTML.
  • Validated before it writes — Nesting, unique IDs, column layout and attribute shapes are all checked first.
  • Rendered before it writes — The page is rendered and inspected, so markup that saves cleanly but draws nothing is refused.
  • Theme aware — Colors come from the Kadence Global Palette where one matches, so output follows your brand.
  • Editable forever — Every element remains a real block with real controls in the editor.

What it exposes

The skill adds these tools once it is unlocked and enabled:

AbilityTypeWhat it does
nibwp/kadence-pro-html-to-blockswriteConvert pasted HTML into a validated Kadence Blocks layout.
nibwp/kadence-pro-image-to-blockswriteRebuild a screenshot or design image as native Kadence Blocks.
nibwp/kadence-pro-url-to-blockswriteRecreate a live page as native Kadence Blocks.
nibwp/kadence-pro-list-blocksreadList the Kadence blocks available on this site and what each one is for.
nibwp/kadence-pro-block-attributesreadRead the real attribute schema for a block before building with it.
nibwp/kadence-pro-refinewriteAdjust an existing conversion without rebuilding it from scratch.
nibwp/kadence-pro-feedbackwriteRecord what to do differently next time, so the next conversion is better.

From hours to one prompt

The routine is always the same: preflight, read the playbook, build, dry run, persist.

agenttext
Rebuild this hero screenshot as a Kadence section

nibwp/skill-preflight (run)
nibwp/load-skill-playbook (run)
nibwp/kadence-pro-list-blocks (run)
nibwp/kadence-pro-image-to-blocks (dry_run)
✓ validated · renders correctly · score 92/A
nibwp/kadence-pro-image-to-blocks (persist)
✓ 7 blocks · editable in Gutenberg

The dry run is not a formality. It validates the tree and renders it, and a conversion that would look broken is refused with the attribute to fix rather than written and discovered later.

What you can build

A few of the things teams build with Kadence Pro:

Design to section

Turn a hero, a pricing table or a feature grid into real blocks.

Page rebuilds

Recreate an existing page as native Kadence Blocks a client can maintain.

Reusable patterns

Save a converted section as a pattern, synced or copied on insert.

Cleanup passes

Refine a conversion that is close, without starting again.

How it stays safe

  • Dry run first — Validation and rendering both run before anything is written.
  • Force draft — Large jobs can land as drafts so you review before publishing.
  • Scoped tokens — Building pages needs a write scope, which you grant deliberately.
  • Every change logged — Each call is recorded with the account, the tool and the result.

Getting started

  • Install Kadence Blocks — The skill builds Kadence Blocks, so the plugin has to be active. The theme is optional.
  • Unlock the skill — Kadence Pro is a Pro Skill. Activate your license and enable it in NIBWP.
  • Run the preflightnibwp/skill-preflight asks what you are building and where it should go.
  • Start with a dry run — Read the validation and the score before you let it persist anything.
It builds blocks, it does not style the themeKadence Pro produces page content. To change the theme itself, its palette, typography or header rows, use the Kadence integration, which is free and separate.

FAQ

Do I need the Kadence theme?
No. The skill builds Kadence Blocks, which work under any theme. The theme only matters for the global palette.
Will the output be editable?
Yes, and that is the requirement it is built around. If fidelity and editability conflict, editability wins.
Can it make patterns?
Yes. A conversion can be saved as a reusable pattern, either synced or copied on insert.
What if a design has no block equivalent?
It degrades to the nearest supported look and tells you what it could not reproduce, rather than dropping it silently.
Is it included in Pro?
Kadence Pro is one of the Pro Skills. See pricing for what your plan includes.

Build with Kadence Pro

Unlock the skill, point it at a design, and get blocks you can still edit.

See pricing

Connect your first agent.

Follow the quickstart, or book a demo and we'll walk you through it.