Web Stúdió

Mi ez?

A Web Stúdió a workspace oldalkészítő felülete. Nincs menüpontja: 2026-08-16 óta szándékosan nem szerepel a bal menüben, és a parancs-palettában (Ctrl+K) sem. Az útvonala viszont él, tehát egyetlen belépője a /web-studio cím — érdemes könyvjelzőzni. A megnyitásához a Web Stúdió megtekintése jogosultság kell — ez alapból minden szerepkörnél megvan, de jogosultsági csoportban lévő felhasználónál a csoport engedélye dönt. Jogosultság nélkül nem hibát kapsz: a felület helyén a funkció bemutató-oldala fogad („A Web Stúdió pár perc alatt ad kész kampányoldalt”) — ilyenkor az adminodtól kell elkérni a jogot.

A lista-oldal fejléce: Web Stúdió, alatta „AI-alapú weboldal-generátor és FTP-alapú szerkesztő”, jobbra az Új weboldal gomb. Minden oldal egy kártyán áll, a módját a kártya alsó sora írja ki (AI-generált, Space-hez kötve, FTP mód vagy Klón mód), az állapotát pedig egy jelvény: Piszkozat vagy Publikált.

Három indítási mód van: Új oldal (AI) — „AI generálja a tartalmat utasítás alapján. Nulláról kezded.”; Meglévő oldal (FTP) — „Meglévő weboldal szerkesztése FTP-kapcsolaton keresztül.”; és Klón (URL-ből) — „Meglévő weboldal klónozása URL alapján, majd átbrandelés.” AI-módban 10 iparági sablon közül is indulhatsz (SaaS Startup, Étterem & Kávézó, Fitnesz Edző & Studio, Ügyvédi Iroda, Ingatlaniroda, Üzleti Tanácsadó, Egészségügyi Klinika, Esemény & Konferencia, Portfólió & Kreatív, Webshop Landing).

A szerkesztőben középen az élő előnézet áll, körülötte a panelek: Design brief, Projekt-designrendszer, Vizuális irányok összehasonlítása, Öttengelyes designértékelés, Minőség-ellenőrzés, Leadek és statisztika, valamint a Szerkesztő és az AI asszisztens panel. A publikált oldal /p/<azonosító> alatt nyilvánosan elérhető; az oldalon kitöltött űrlapok leadként gyűlnek, és a verziók visszaállíthatók.

Mire jó?

• Nem kell külön oldalkészítő szolgáltatás és nem kell fejlesztő — az anyag a workspace-en belül marad.
• Az AI a Design briefből építi az egész oldalt, te pedig utána minden szakaszt és elemet kézzel is átírhatsz: nem zárt sablont kapsz.
• A 3 vizuális irány gombbal ugyanabból a briefből három, karakterében eltérő változat készül — a legjobbat választod, nem az elsőt kell elfogadnod.
• Meglévő oldalt is be tudsz hozni: FTP-kapcsolaton közvetlenül szerkesztheted, vagy URL-ből klónozod és átbrandeled.
• A publikus /p/ link azonnal megosztható, az űrlap-kitöltések (leadek) pedig magától gyűlnek, statisztikával és CSV-letöltéssel.
• Egy elrontott mentés nem végleges: a verziók visszaállíthatók, és a kész oldal ZIP-ben le is tölthető.
• A képek is itt készülnek: AI-kép generálás, háttér-eltávolítás, vágás, átméretezés és AI-videó egy helyen.

Lépésről lépésre

1. Nyisd meg a /web-studio címet (írd be a böngésző címsorába a workspace címe után). A bal menüben szándékosan nincs rá menüpont, és a parancs-palettában (Ctrl+K) sem szerepel — ma ez az egyetlen belépő. Ha a felület helyett a Web Stúdió bemutató-oldala fogad, akkor nincs meg a Web Stúdió megtekintése jogosultságod: kérd el az adminodtól.
2. Kattints az Új weboldal gombra (első oldalnál az Első weboldal létrehozása gombra). Az Új weboldal létrehozása ablakban válaszd a módot: Új oldal (AI), Meglévő oldal (FTP) vagy Klón (URL-ből).
3. Add meg a Weboldal neve mezőt. AI-módban választhatsz egy Space-t is (ekkor az AI abból a Space-ből dolgozik), és a Sablonból indulás alatt egy iparági sablont. FTP-módban az FTP-kapcsolat, a Belépési fájl és az Alap-URL kötelező; ha nincs kapcsolat, előbb az MCP szerverek oldalon add hozzá.
4. Kattints a Létrehozás gombra — a rendszer rögtön megnyitja a szerkesztőt.
5. Nyisd meg a Design brief panelt, és töltsd ki a lényeget: Projektcél, Ajánlat, Célközönség, Fő fájdalompont, CTA (cselekvésre ösztönzés), Bizonyíték (referencia / adat), Kifogások, Hangnem (Tegező (te) vagy Magázó (ön)), Vizuális hangulat, Tartalmi sűrűség, Stíluskulcsszavak és Kerülendő megoldások.
6. A panel alján válassz irányt a listából (Minimalista, Szerkesztőségi, Prémium, Fájdalom-vezérelt, Bizonyíték-vezérelt, Ajánlat-vezérelt), majd kattints a Generálás briefből gombra. A Brief mentése gomb csak elmenti, generálás nélkül.
7. Ha több változatot szeretnél összevetni, kattints a 3 vizuális irány gombra. A felület kiírja: „Ez több percig is eltarthat — 3 vizuális irány készül…” Utána a Vizuális irányok összehasonlítása panelben nézheted végig őket, és a kiválasztottat a Variáns alkalmazása megerősítés után veszi át az oldal.
8. Finomíts: a Szerkesztő panelben szakaszonként és elemenként állítható a szöveg, a szín, a betűméret, az igazítás és a térköz; az AI panelben pedig elég egy utasítást írni („Utasítás… (Enter=küldés, Shift+Enter=újsor)”). A Visszavonás (Ctrl+Z) és az Újra (Ctrl+Shift+Z) a rossz lépést visszaveszi.
9. Képhez és videóhoz: AI-kép generálása, a Képszerkesztés ablakban Háttér eltávolítása, Szürkeárnyalat, Átméretezés vagy Vágás, illetve Videó generálása (AI) — ez utóbbi 2-3 percet vesz igénybe.
10. Mielőtt kiadod: futtasd a Minőség-ellenőrzés panelt, és a Projekt-designrendszer panelben nézd át a színeket, betűket és térközöket, hogy az oldal a cég arculatát vigye.
11. Kattints a Publikálás gombra. A Weboldal publikálása ablak figyelmeztet: „A weboldal nyilvánossá válik. Csak akkor folytasd, ha a tartalom készen áll a megjelenítésre.” A Minőség-ellenőrzés sorban a Futtatás itt is elindítható, a Connection ID mező opcionális (üresen az alapértelmezett célállomásra megy). Pipáld ki, hogy „Megerősítem, hogy a weboldal tartalmát nyilvánosságra akarom hozni.”, és publikálj — utána megjelenik a nyilvános cím, másolható linkkel.
12. Az élesítés után a Leadek és statisztika panelben követheted a kitöltéseket, és a CSV letöltés gombbal kiviheted őket. A verzió-listából bármelyik korábbi változat visszaállítható, a Kód exportálása (ZIP) pedig letölti a kész oldalt.

Tippek

• A jó brief hozza a jó oldalt: ha a Projektcél, a Célközönség és a CTA konkrét, az első generálás is használható lesz. Ha általánosságokat írsz, általános oldalt kapsz.
• Ha Space-t kötsz az oldalhoz, az AI a cég valódi anyagaiból dolgozik — így a szövegben a ti számaitok és referenciáitok szerepelnek, nem kitalált példák.
• FTP-módhoz előbb kell egy FTP-kapcsolat az MCP szerverek oldalon; enélkül a Létrehozás gomb nem aktív.
• A klónozás nyilvános oldal átvételére való. A más cég arculatát, szövegét és képeit nem viheted át változatlanul — a klón célja az átbrandelés, nem a másolás.
• A publikálás előtti Minőség-ellenőrzés két percet kér, és pont azokat a hibákat fogja meg (üres link, hiányzó képleírás, rossz kontraszt), amiket élesben a látogató vesz észre.
• A Kód exportálása (ZIP) akkor is hasznos, ha a végleges oldalt a saját szolgáltatótoknál akarjátok elhelyezni.