Your assistant drafts the page, you publish it
An agent edits pages, the header, footer and the design system as drafts. It can validate and screenshot its own work, and nothing goes live until you publish.
Claude · Himal Handicrafts store
mutate_composable_tree_draft · home
preview_builder_draft · desktop, phone
Draft preview · not live
Home · Dashain offer: 15% off felt bags, above Bestsellers
publish_builder_draft · confirmation_token
In short
Page builder tools let an agent edit page, global section and design system drafts, check them with diff_builder_draft, validate_builder_draft and preview_builder_draft screenshots, and publish with publish_builder_draft only with a confirmation token from the diff. discard_builder_draft leaves the live storefront untouched.
The problem it solves
An AI that edits the live site changes it for every visitor while you are still reading its reply. Asking it for HTML to paste in breaks the design every time.
How it works
4 steps, start to finish
-
1
Ask for the change
The agent edits the draft with the page builder's own primitives and patterns.
-
2
It checks its work
validate_builder_draft finds missing media, broken links and malformed nodes; previews return screenshots.
-
3
See the diff
diff_builder_draft summarises what changed against the published page.
-
4
Publish or discard
Publish with the confirmation from the diff, or discard the draft and keep the live page.
In detail
What AI page builder does for you
-
Drafts first
Pages, header, footer, announcement bar and design system are edited as drafts.
-
Screenshots
Preview the whole draft at several viewports, or capture a single node.
-
Design system
Save, preview, publish or discard design system drafts.
-
Imports
Sync a Claude Design, or clone a page from a URL into a draft.
-
No raw code
Imports never store raw HTML or JavaScript, and no custom code runs.
-
Your selection
get_builder_selection lets "change what I selected" mean the node you picked.
-
Page, global section and design system edits are drafts until published, and publishing needs a confirmation token. Two exceptions write live: editing a shared library component, which needs an acknowledgement of how many pages use it, and the older theme tools kept for compatibility.
-
preview_builder_draft can return screenshots at the viewports you ask for, and capture_builder_node_screenshot renders one node.
-
Yes. sync_claude_design_to_page_draft turns a Claude Design into a page draft and reports anything it could not express.
Works together with
- A visual canvas with Layers, Elements, Pages, Popups and Global, not a template picker.
- Edit a draft, preview it, publish it, and restore an earlier revision.
- Start from the Minimal, Clay or Skeuo theme family.
- A write can run as a dry run first; one that needs it will not run without a confirmation.
- An SEO health report, SEO fields and missing image alt text, fixed by an agent.
AI page builder · Free to start
Try AI page builder on your own business
Set up in a couple of minutes. Your catalogue, orders and books stay yours to export.
- Live in 2 minutes
- Free to start
- No credit card
