Editing with AI
AI setup builds a whole site from one brief. This is the other half: an agent that lives in the page builder and edits the page you are looking at, one instruction at a time.
It is the difference between "build me a site" and "make this section breathe, and move the photo to the right".
The AI dock
/admin/builderOpen Edit with AI inside the builder and you get a conversation, not a single prompt box. The thread is kept per page, so you can come back tomorrow and continue where you left off.
- Streaming
- Work appears as it happens, with a Stop button that genuinely stops it.
- A step trail
- What the agent did, in order, including when something failed.
- Reference images
- Attach a screenshot or a photograph and ask for something in that direction.
- Version history
- Every change is a version. Roll back from the builder as usual.
The agent can see its own work
After making a change the agent looks at the rendered result and checks it against what you asked for. That closed loop is why it can fix its own spacing mistakes rather than confidently reporting success on a broken layout.
What it is good at
- Restyling
- Type scale, spacing, colour, emphasis. It works through the design tokens rather than hard coding values.
- Restructuring
- Splitting a section, mirroring a layout, reordering, removing an element outright.
- Art direction
- Shaping and placing a section feature image, and setting columns on a product or collection list.
- Raw CSS
- Hand it CSS and it converts it into typed style operations rather than pasting a style tag.
Choosing a model
/admin/integrations/aiYou can set a default model for each AI capability separately, and override it for a single generation or a single chat turn when you want something more capable for one hard task.