Ugrás a tartalomra

Ha az AI elrontja az oldalt: visszaállítás, verziók, és hogyan kérj javítást úgy, hogy más ne romoljon el

Kiss Ernő

Kiss Ernő

6 perc olvasás

Darabokra hullott weboldal-vázlat, visszavonás-nyíl, ragtapasz és csavarkulcs

Röviden

  • Ha az AI elrontotta az oldalt, ne kérj azonnal újabb javításokat egymás után.
  • Először keresd meg az előzményeket, és állj vissza egy korábbi, jó állapotra.
  • A javítást egy pontos, szűk kérésben add meg, és írd bele: Mást ne változtass.
  • Utána nézd meg az oldalt telefonon, gépen, és ellenőrizd a közös elemeket is.

Állj meg, mielőtt tovább javíttatnád

Ha egy AI-módosítás után szétesett az oldalad, az első ösztön gyakran az, hogy azonnal újabb üzenetet írsz. Például: javítsd ki, tedd vissza, ez nem jó. Ez érthető, de sokszor pont ettől lesz nagyobb a baj.

Az AI a jelenlegi állapotból dolgozik. Ha ez az állapot már hibás, akkor a következő javítás gyakran erre a hibára épül. Így könnyen előfordul, hogy egy rossz elrendezésből még rosszabb lesz, vagy egy apró szövegcsere után másik szakasz is megváltozik.

Ezért ilyenkor ne az legyen az első lépés, hogy újabb és újabb javítást kérsz. Inkább állj meg, és nézd meg, meddig volt jó az oldal. Ezzel nem időt veszítesz, hanem megakadályozod, hogy egy kisebb hibából több helyen jelentkező probléma legyen.

Fontos különbség van a javítás és a visszalépés között. A javítás azt jelenti, hogy a hibás állapotból próbálsz jobbat csinálni. A visszalépés azt jelenti, hogy visszamész egy korábbi, működő állapotra, és onnan indulsz újra.

Ha az ai elrontotta az oldalt, először ne azt kérdezd, hogyan tudod még egyszer megjavíttatni. A jobb kérdés ez: melyik volt az utolsó állapot, amikor még rendben volt minden?

Keresd meg az előzményeket

Az AI-eszközök, például a Lovable, minden módosításról verziót tartanak. A verzió olyan mentett állapot, amely megmutatja, hogyan nézett ki az oldal egy korábbi pillanatban. Ez azért hasznos, mert nem kell emlékezetből visszaépítened mindent.

Ha valami elromlott, keresd meg az eszköz előzményeit. Ott általában látod, milyen módosítások történtek egymás után. Neked azt az állapotot kell megtalálnod, amelyik még jó volt.

A Lovable-ben a visszaállítás lényege, hogy nem a hibás állapotot toldozgatod, hanem visszamész egy korábbi, jó verzióra. Ez kezdőként is biztonságosabb gondolkodás. Nem kell értened a kódhoz, elég azt figyelned, hogy az oldal melyik állapotban működött jól.

Visszaállítás előtt nézd meg, mit veszítesz el azzal, ha egy korábbi verziót választasz. Ha a rossz módosítás előtt írtál be fontos szöveget, azt érdemes külön kimásolni. Így a jó állapot visszahozása után nem kell újra kitalálnod.

Ha az eszköz valamilyen fizetős beállításhoz köti az előzményeket vagy a mentéseket, a pontos árat mindig az eszköz saját oldalán nézd meg. Ezek gyakran változnak, ezért nem érdemes régi leírásokra hagyatkozni.

Visszaállítás után fogalmazz pontosabban

Miután visszaálltál egy jó állapotra, ne ugyanazt a kérést küldd el újra. Ha ugyanazt kéred ugyanúgy, könnyen ugyanoda jutsz vissza. A cél az, hogy az AI kevesebb dolgot értsen félre.

A jó kérés szűk és konkrét. Nem azt mondja, hogy tedd szebbé az oldalt. Azt mondja meg, hol kell változtatni, mi a hiba, és pontosan milyen eredményt szeretnél.

Ha egy szakasz elrendezése romlott el, ne kérj teljes oldaljavítást. Ha egy gomb szövege rossz, ne kérj dizájnfrissítést. Minél nagyobb a kérés, annál több helyen nyúlhat bele az AI az oldalba.

Érdemes először magadnak leírni a hibát egy mondatban. Ha ezt nem tudod megtenni, valószínűleg az AI-nak is túl tág lesz a kérés. Ilyenkor bontsd kisebb részre a feladatot.

Például ne így kérd: javítsd ki a főoldalt, mert rossz lett. Inkább így gondolkodj: a főoldalon a bemutatkozó szakaszban a címsor túl hosszú sorokra törik, azt szeretném, hogy olvashatóbb legyen, de a többi szakasz maradjon változatlan.

Így kérj célzott weboldal javítást

A célzott weboldal javítás alapja, hogy egy üzenetben egy dolgot kérsz. Ez lassabbnak tűnhet, de valójában jobban követhető. Ha elromlik valami, könnyebben látod, melyik kérés okozta.

Használd ezt a sorrendet, amikor javítást kérsz:

  1. Egy üzenetben egy dolgot kérj. Ne keverd össze a szövegírást, a színezést, az elrendezést és az űrlap javítását egyetlen kérésben.
  2. Nevezd meg pontosan a helyet. Írd le, melyik oldalról, melyik szakaszról, melyik szövegről vagy elemről van szó.
  3. Írd le, mi a hiba. Ne csak azt írd, hogy nem jó. Mondd meg, mi történik, amit nem szeretnél.
  4. Írd le, mi lenne a jó. Fogalmazd meg az elvárt állapotot egyszerűen, akár saját szavaiddal.
  5. Zárd ezzel: Mást ne változtass.

Ez az utolsó mondat fontos. Nem varázsmondat, és nem jelent garanciát, de segít keretek közé tenni a kérést. Azt üzeni az AI-nak, hogy nem általános átdolgozást kérsz, hanem egy pontos javítást.

Egy használható példa így néz ki: A főoldalon a kapcsolat szakaszban a gomb szövege most túl hosszú. Kérlek, cseréld erre: Időpontot kérek. A szakasz elrendezése, színei és a többi szöveg maradjon ugyanaz. Mást ne változtass.

Ha több hibát látsz, ne egy nagy listát küldj. Kezdd a legfontosabbal. Miután az rendben van, jöhet a következő. Így mindig tudod, melyik lépés után változott meg az oldal.

Ellenőrizd több nézetben is

Javítás után ne csak ott nézd meg az oldalt, ahol a hibát láttad. Ellenőrizd telefonon és gépen is. Egy oldal kinézete eltérhet a különböző kijelzőkön, ezért lehet, hogy ami gépen jónak tűnik, telefonon már túl szoros vagy szétesik.

Nézd meg a többi oldalt is. Ez azért fontos, mert egyes elemek közösek lehetnek. Ilyen például a menü, a lábléc, a színek vagy egy visszatérő gombstílus.

Ha az AI egy közös elemet módosít, annak hatása több oldalon is megjelenhet. Lehet, hogy te csak a főoldalon kértél változtatást, de a menü vagy a lábléc mindenhol ugyanabból az elemből épül fel. Ilyenkor a változás nem hiba nélküli oldalanként, hanem rendszerben terjed.

Ellenőrzéskor haladj egyszerű rendben:

  • Nézd meg azt az oldalt, ahol a javítást kérted.
  • Nézd meg ugyanazt telefonon és gépen.
  • Nézd meg a főbb aloldalakat.
  • Figyeld a menüt, a láblécet, a színeket és a gombokat.
  • Próbáld ki azt az elemet, amelyet módosítottál, ha kattintható vagy kitölthető.

Ha hibát találsz, megint ne kérj nagy általános javítást. Írd le pontosan, hol jelent meg a probléma, és mi maradjon változatlan. Ezzel csökkented annak esélyét, hogy a következő javítás újabb területeket érintsen.

Először ments, aztán változtass

A legjobb védelem az, ha nagyobb változtatás előtt feljegyzed, melyik verziónál tartasz. Nem kell bonyolult rendszerre gondolni. Elég, ha tudod, melyik volt az a mentett állapot, ahová baj esetén vissza tudsz menni.

Ez különösen hasznos akkor, amikor nagyobb szövegcsere, új szakasz, dizájnmódosítás vagy több oldalt érintő beállítás következik. Ilyenkor több minden mozdulhat egyszerre. Ha van kiindulópontod, nem kell kapkodva keresni, honnan romlott el.

Ha az eszköz tud kódot menteni egy külső tárolóba, például GitHubra, kapcsold be. A külső tároló olyan hely, ahol az oldal kódjának állapotai külön is megőrizhetők. Kezdőként nem kell ebből fejlesztői munkát csinálnod, de biztonsági hálónak hasznos lehet.

Az ai-weboldalkeszites.hu azért készült, hogy kezdő vállalkozóként magad is tudj AI-val, főleg Lovable-lel weboldalt készíteni programozás nélkül. Ehhez jól jönnek a kis, ismételhető szokások: mentés, pontos kérés, ellenőrzés. Ezek nem látványos lépések, mégis sok bosszúságot előznek meg.

Először tehát ezt tedd: állj vissza az utolsó jó verzióra, és csak utána kérj egyetlen, pontos javítást. Ha még a visszaállítás előtt vagy, előbb keresd meg az előzményeket. Ha már visszaálltál, írd újra a kérésedet úgy, hogy a végén szerepeljen: Mást ne változtass.

Utána több lehetőséged van. Ha önállóan szeretnél haladni, használhatsz ellenőrzőlistát, vagy tanulhatsz lépésről lépésre az AI-weboldal gyorstalpalóból, amikor elérhető. Ha viszont elakadtál, és szeretnéd átbeszélni, mi romlott el és hogyan érdemes továbbmenni, itt kérhetsz online konzultáció segítséget. Zárás: konzultáció, ha elakadtál.

Gyakori kérdések

Kapcsolódó cikkek

Készítsd el a saját weboldaladat AI-jal

A tanfolyamon lépésről lépésre, videón mutatjuk meg az egész folyamatot, programozás nélkül.

AI weboldal készítés lépésről lépésre: ingyenes útmutató