Solution · Pro Skill

Kadence Pro

Convert a screenshot, live URL or pasted HTML into a validated Kadence Blocks layout — real blocks, correct nesting, unique IDs and native attribute styling, ready to refine in the Kadence editor.

3
input types
0
core/html dumps
Native
block attributes
Score
before commit

What it does

Hand Kadence Pro a design and it returns a real Kadence Blocks layout: rowlayout/column sections, advancedheading, singlebtn, image and infobox — styled through native block attributes, never flattened HTML you can't touch in the editor.

  • Screenshots, URLs & HTML to editable Kadence Blocks
  • Real Kadence blocks only — no core/html dumps
  • Correct nesting + a unique ID on every block
  • Native attribute styling — Kadence generates the CSS
nibwp/kadence-pro-html-to-blocks blocks: kadence/rowlayout → column validate ✓ score: A ✓ committed · editable

It refuses to dump raw HTML

Kadence Pro maps every node to a real Kadence block and every style to native block attributes — columns only inside rowlayout, buttons only inside advancedbtn, a unique ID on every block — so the output opens cleanly in the Kadence editor.

validate blocks ✓ real block names ✓ nesting (column⊆rowlayout) ✓ unique IDs ✗ core/html dump → rejected
How it works

From design to validated output

Drop a source

A screenshot, live URL, or pasted HTML.

Map to Kadence blocks

Nodes become rowlayout/column sections with real content blocks.

Validate & score

Block names, nesting, unique IDs and a11y are checked and graded.

Approve & persist

Review, then write to a page, post, Kadence Element or pattern — on your OK.

Guardrails

Every rule it enforces

The checks that keep generated output coherent, accessible and on-system.

Real Kadence blocks

Only real Kadence block names are emitted — no raw HTML dumps.

Correct nesting

Columns only inside rowlayout; buttons only inside advancedbtn.

Unique IDs

Every block gets a unique uniqueID — Kadence keys its CSS off it.

Native attribute styling

Padding, colour and type map to native block attributes.

Dynamic posts

Repeated post cards become a dynamic kadence/posts block.

Approval gate

Nothing is persisted until you review and approve.

Abilities

Tools in this skill

ToolTypeWhat it does
nibwp/kadence-pro-html-to-blockswriteConvert HTML/URL/image into a validated Kadence Blocks layout.
nibwp/kadence-pro-list-blocksreadThe Kadence block library + parent/child rules.
nibwp/kadence-pro-previewreadValidate + score a block tree without writing.
nibwp/kadence-pro-refinewriteTweak an existing Kadence layout by instruction.
nibwp/kadence-pro-feedbackwriteRecord thumb up/down so future runs improve.
Why it matters

The difference, side by side

Generic AI output

  • Flattened HTML you can't edit
  • Inline styles everywhere
  • Broken block nesting
  • Duplicate/blank IDs
  • Static repetition

Kadence Pro

  • Real, editable Kadence blocks
  • Native block attributes
  • column⊆rowlayout, btn⊆advancedbtn
  • Unique ID on every block
  • Dynamic kadence/posts
Results

What teams say

A screenshot became an editable Kadence layout — real blocks, not a frozen blob.

Marta K.
Marta K.
WordPress developer

It nests columns and buttons correctly every time and the IDs just work.

Tom V.
Tom V.
Agency owner

Validate + score before commit means I trust it on real pages.

Priya N.
Priya N.
Freelance builder
Pairs well with

Build on it

FAQ

Questions, answered

Do I need Kadence Blocks installed?

Yes — Kadence Pro produces real Kadence blocks, so Kadence Blocks (free) must be active to render them.

Will it overwrite my work?

Never without approval — it builds, validates, scores, and waits for your OK before writing.

Why open the editor after?

Some Kadence blocks are static-save; opening the page in the Kadence editor and saving once materialises every block to pixel-perfect.

Is it in the Bundle?

Yes — Kadence Pro and the other Pro Skills are included in the Bundle.

Build validated Kadence Blocks layouts in minutes.

Kadence Pro is included in the Bundle, or available as a standalone Pro Skill.