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.
Key capabilities
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.
How it works
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.
AI abilities
| Tool | Type | What it does |
|---|---|---|
| nibwp/kadence-pro-html-to-blocks | write | Convert HTML/URL/image into a validated Kadence Blocks layout. |
| nibwp/kadence-pro-list-blocks | read | The Kadence block library + parent/child rules. |
| nibwp/kadence-pro-preview | read | Validate + score a block tree without writing. |
| nibwp/kadence-pro-refine | write | Tweak an existing Kadence layout by instruction. |
| nibwp/kadence-pro-feedback | write | Record thumb up/down so future runs improve. |