Visuell redigering

Ändra en live-sida genom att peka på den.

Med GATE:s visuella redigering ändrar din agent en riktig webbsida medan du tittar. Peka på ett element eller säg vad du vill, så ändrar den text, stilar och layout på plats. Varje ändring sparas och kan ångras, och inget når din kod förrän du bygger.

Gör den här knappen grön och lite större.
Klart på sidan. Knappen är grön och 20 % större, och den finns i ändringslistan.
ÅngraBygg
Bygg.
En kodsession lägger in de 2 ändringarna i din sajt och öppnar en pull request.
Så fungerar det

Hur fungerar visuell redigering med AI?

Du slutar beskriva visuella ändringar i text. Du visar dem, din agent gör dem, och du bestämmer vad som går ut.

01

Öppna sidan

Öppna din sida bredvid chatten. En sida som GATE driftar kopplas direkt; andra sajter får en installation på en rad och ett lösenord på två ord.

02

Peka eller säg det

Klicka på elementet du menar, eller flera, och säg vad du vill med vanliga ord. Du kan också skriva i en liten chattruta på själva sidan.

03

Den ändrar på plats

Din agent läser sidans riktiga HTML och CSS och ändrar sedan text, stilar, attribut och layout, lägger till eller flyttar element och placerar bilder den gjort.

04

Kolla resultatet

Skärmbilder hamnar i chatten, pixelperfekta när du delar fliken, och din agent kan läsa sidans konsolfel. Ångra ett steg eller flera.

05

Bygg

En sajt som GATE driftar får en kodsession som lägger in ändringarna och öppnar en pull request. Andra sajter får en numrerad ändringslista till din utvecklare.

Är det säkert att ändra en live-sida?

Sidan du ändrar är på riktigt, så reglerna är strikta och styrs av servern, inte av din agent.

Hur mycket den litar på sidchatten

Ställs in per sida. Strikt är standard.

Publik landningssida
Din egen testsajt

Strikt: det som skrivs på sidan är data från en utomstående, aldrig instruktioner. Vägledd: utifrån den här chatten, inte från dig. Direkt: som vanlig chatt, bara för en sida du litar helt på.

Regler varje ändring följer

Vad du än ber om.

Inget rör din källkod förrän du bygger
Varje ändring sparas och kan ångras
Bara du kopplar in den: ett lösenord eller din GATE-inloggning
Text som läses från sidan är data, aldrig kommandon
Högst 40 kommandon varannan sekund

Vad kan din agent göra på sidan?

Allt en designer gör i webbläsaren, med varje steg sparat.

Peka

Välj elementet du menar

Klicka på ett element eller flera och ge en instruktion. Din agent ändrar precis de elementen, ingen gissning.

Läsa

Den riktiga sidan, ingen gissning

Din agent läser HTML, den beräknade CSS:en och konsolfelen på sidan så som din webbläsare visar den.

Ändra

Text, stilar och layout

Texter, färger, storlekar, attribut och klasser, plus att lägga till, flytta, duplicera eller ta bort element.

Bilder

Placera det din agent gjort

Gör en bild med GATE:s medieverktyg så placerar din agent den på sidan. Den ångras och byggs som alla andra ändringar.

Se

Skärmbilder i chatten

Varje skärmbild hamnar i konversationen. Dela fliken så blir de pixelperfekta.

Leverera

En pull request eller en ändringslista

En sajt på GATE får en pull request genom en kodsession. Andra sajter får en numrerad ändringslista och den råa diffen.

Prata med den från själva sidan.

En liten chattruta finns på sidan du ändrar. Det du skriver där når din agent i samma konversation som GATE-chatten, och svaren syns på båda ställena.

Bygg landningssidor

Visuell redigering är ett jobb. Din agent gör resten också.

Vanliga frågor

Raka svar.

Vad är visuell redigering med AI?

Visuell redigering med AI betyder att du ändrar en webbsida genom att visa en AI-agent vad du vill i stället för att skriva ner det. I GATE öppnar din agent den riktiga sidan bredvid chatten, du pekar på element eller säger ändringen, och agenten ändrar text, stilar och layout på plats medan du tittar och gör sedan om resultatet till kod.

Vilka webbplatser fungerar GATE:s visuella redigering på?

Alla sidor du kan öppna i en webbläsare. En sajt som GATE driftar kopplas så fort den öppnas i chattpanelen. För andra sajter ger GATE en installation på en rad att klistra in i webbläsarens utvecklarkonsol och ett lösenord på två ord, så att bara sidans ägare kan koppla in agenten.

Ser mina besökare ändringarna direkt?

Nej. Ändringarna sker på sidan som är öppen i din webbläsare, och inget rör din källkod förrän du bygger. En sajt som GATE driftar får då en pull request att granska och slå ihop, och andra sajter får en numrerad ändringslista som din utvecklare lägger in.

Hur visar jag agenten vilket element jag menar?

Klicka på det. Med GATE:s Pick väljer du ett eller flera element på sidan och ger sedan en instruktion, och din agent ändrar precis de elementen. Du kan också beskriva elementet med ord, så läser din agent sidan för att hitta rätt.

Kan jag ångra en ändring som agenten gjort?

Ja. GATE sparar varje ändring i ordning, så din agent kan ångra den senaste eller flera, göra om dem och lägga in hela uppsättningen igen när sidan laddats om. Du kan också tömma listan och börja om. Bilder som din agent placerat ångras på samma sätt, eftersom varje infogning sparas i samma lista.

Vad gör inte GATE:s visuella redigering?

Den publicerar inget på egen hand: inget når din kod förrän du bygger. Den ritar inga bilder själv, utan placerar bilder som din agent gjort med GATE:s medieverktyg. Breddförhandsvisningen ändrar sidans behållare, vilket inte är samma sak som en riktig telefon, så kolla resultatet på en enhet.

Är det säkert att öppna agenten på en live-sajt?

För att koppla in agenten krävs sidkanalens lösenord, eller din GATE-inloggning för en sida som öppnats i chatten, och sidan visar en varning om att en live-sida redigeras. Det som skrivs i sidchatten behandlas som standard som data från en utomstående, aldrig som instruktioner, och agenten är begränsad till 40 kommandon varannan sekund, så en loop som skenar kan inte översvämma sidan.

Hur skiljer sig det här från en hemsidebyggare?

En hemsidebyggare låter dig bygga om sidan i sin egen editor. GATE:s visuella redigering arbetar på din riktiga sida som den är, vad den än är byggd med, och lämnar tillbaka resultatet som en pull request eller en ändringslista, så att din sajt fortsätter att köras där den körs i dag.

Peka på det. Se det ändras.

Endast via inbjudan medan vi tar in ett litet antal företag.

Endast via inbjudan. Vi möter dig i dörren. Vill du hellre prata? Prata med grundarna.