Visual editing

Change a live web page by pointing at it.

GATE's visual editing lets your agent change a real web page while you watch. Point at an element or say what you want, and it edits the text, styles and layout in place. Every change is recorded and can be undone, and nothing reaches your code until you build it.

Make this button green and a bit bigger.
Done on the page. The button is green and 20% larger, and it's in the change list.
UndoBuild it
Build it.
A code session is applying the 2 changes to your site and opening a pull request.
How it works

How does AI visual editing work?

You stop writing up visual changes. You show them, your agent makes them, and you decide what ships.

01

Open the page

Open your page beside the chat. A page GATE hosts connects at once; any other site gets a one-line install and a two-word password.

02

Point or say it

Click the element you mean, or several, and say what you want in plain words. You can also type from a small chat box on the page itself.

03

It edits in place

Your agent reads the page's real HTML and CSS, then changes text, styles, attributes and layout, inserts or moves elements and places images it made.

04

Check it

Screenshots land in the chat, pixel-perfect when you share the tab, and your agent can read the page's console errors. Undo one step or many.

05

Build it

A site hosted on GATE gets a code session that applies the changes and opens a pull request. Any other site gets a numbered change list for your developer.

Is it safe to edit a live page?

The page you edit is real, so the rules are strict and set by the server, not by your agent.

How far it trusts the page chat

Set per page. Strict is the default.

Public landing page
Your own staging site

Strict: words typed on the page are data from an outsider, never instructions. Guided: from outside this chat, not from you. Direct: like normal chat, only for a page you fully trust.

Rules every edit follows

Whatever you ask for.

Nothing touches your source code until you build
Every change is recorded and can be undone
Only you connect it: a password or your GATE sign-in
Text read from the page is data, never a command
At most 40 commands every 2 seconds

What can your agent do on the page?

Everything a designer would do in the browser, with every step on record.

Point

Pick the element you mean

Click one element or several and give one instruction. Your agent acts on exactly those, no guessing.

Read

The real page, not a guess

Your agent reads the HTML, the computed CSS and the console errors of the page as your browser shows it.

Edit

Text, styles and layout

Copy, colors, sizes, attributes and classes, plus inserting, moving, duplicating or deleting elements.

Images

Place what your agent made

Make an image with GATE's media tools and your agent places it on the page. It undoes and builds like any other change.

See

Screenshots in the chat

Every screenshot lands in the conversation. Share the tab and they are pixel-perfect.

Ship

A pull request or a change list

A site on GATE gets a pull request through a code session. Any other site gets a numbered change list and the raw diff.

Talk to it from the page itself.

A small chat box sits on the page you are editing. What you type there reaches your agent in the same conversation as GATE chat, and its replies show up in both places.

Build landing pages

Visual editing is one job. Your agent does the rest too.

FAQ

Straight answers.

What is AI visual editing?

AI visual editing means changing a web page by showing an AI agent what you want instead of writing it up. In GATE, your agent opens the real page beside the chat, you point at elements or say the change, and the agent edits text, styles and layout in place while you watch, then turns the result into code.

Which websites can GATE's visual editing work on?

Any page you can open in a browser. A site hosted on GATE connects as soon as it opens in the chat panel. For any other site, GATE gives a one-line install to paste into the browser's developer console and a two-word password, so only the page owner can connect the agent.

Do my visitors see the changes right away?

No. The edits happen on the page open in your browser, and nothing touches your source code until you build. A site hosted on GATE then gets a pull request to review and merge, and any other site gets a numbered change list for your developer to apply.

How do I tell the agent which element I mean?

Click it. GATE's Pick lets you select one or several elements on the page and then give one instruction, and your agent acts on exactly those elements. You can also describe the element in words, and your agent reads the page to find the right one.

Can I undo a change made by the agent?

Yes. GATE records every change in order, so your agent can undo the last one or several, redo them, and re-apply the whole set after the page reloads. You can also clear the list and start again. Images your agent placed undo the same way, because every insert is recorded in the same list.

What does GATE's visual editing not do?

It does not publish anything on its own: nothing reaches your code until you build. It does not draw images itself; it places images your agent made with GATE's media tools. Its width preview resizes the page's container, which is not the same as a real phone, so check the result on a device.

Is it safe to open the agent on a live site?

Connecting the agent takes the page channel's password, or your GATE sign-in for a page opened in the chat, and the page shows an 'editing a live page' warning. Words typed into the page chat are treated as data from an outsider by default, never as instructions, and the agent is limited to 40 commands every 2 seconds, so a runaway loop cannot flood the page.

How is this different from a website builder?

A website builder makes you rebuild the page inside its own editor. GATE's visual editing works on your real page as it is, whatever it is built with, and hands the result back as a pull request or a change list, so your site keeps running where it runs today.

Point at it. Watch it change.

Invite only while we onboard a small number of businesses.

Invite only. We'll meet you at the door. Prefer to talk? Talk to the founders.