Mit csinál a kód, amit az AI írt?

Az AI megírta, működik, de nem érted. Ez a prompt programozói tudás nélkül is követhető magyarázatot ad: mi történik, hol vannak az adatok, és melyik rész kényes.

Vibe codingKezdőAjánlott eszközök: ChatGPT, Claude, GeminiFrissítve:

Töltsd ki a saját adataiddal

A sárgával jelölt részeket cseréld a saját adataidra.

Magyarázd el ezt a kódot úgy, hogy programozói tudás nélkül is megértsem. Az AI írta nekem, működik, de szeretném tudni, mit csinál. Mire való az alkalmazás: [ALKALMAZÁS] Mennyit értek a programozáshoz: [SZINTEM] Amire különösen kíváncsi vagyok: [KÉRDÉSEM] A kód: """ [KÓD] """ A válasz szerkezete: 1. Egy bekezdés: mit csinál ez a rész, hétköznapi szavakkal, mintha egy ismerősnek mesélnéd. 2. Lépésről lépésre: mi történik, amikor a felhasználó használja. Sorszámozva, szakszavak nélkül; ha egy szakszó elkerülhetetlen, magyarázd meg zárójelben. 3. Adatok: mit tárol, hol, és ki férhet hozzá. 4. Kényes pontok: mi az, amit jobb, ha nem módosítok anélkül, hogy értenék hozzá, és miért. 5. Három kérdés, amelyet érdemes feltennem a kódoló AI-nak, hogy biztonságosabb vagy megbízhatóbb legyen. Ha a kódban hibát vagy biztonsági kockázatot látsz, szólj, de ne írd át. Ha a megadott részletből valami nem derül ki, mondd meg, mit küldjek még.

EllenőrzésCtrl + Enter: másolás

Példa: kitöltve, mintaválasszal

Alkalmazás
Hírlevél-feliratkozó űrlap a weboldalamon
Szintem
Nem programozok, de táblázatkezelőben képleteket írok
Kérdésem
Hová kerülnek a beírt e-mail-címek, és látja-e őket más?
Kód
(a feliratkozó űrlap és a hozzá tartozó szerveroldali függvény, kb. 40 sor)
Mintaválasz (Claude)

Röviden: amikor valaki beírja az e-mail-címét és megnyomja a gombot, a kód ellenőrzi, hogy a cím formára rendben van-e, aztán elmenti egy adatbázis-táblába, és köszönő üzenetet mutat.

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

  1. A látogató beírja a címét, és a gombra kattint.
  2. A böngésző elküldi a címet a szervernek (ez a te oldalad „háttérirodája”).
  3. A szerver megnézi, van-e benne @ és pont. Ha nincs, hibaüzenetet küld vissza.
  4. Ha rendben van, beírja a címet a subscribers nevű táblába, a dátummal együtt.
  5. A látogató ezt látja: „Köszönjük, feliratkoztál!”

Adatok: a címek az adatbázisodban vannak, a subscribers táblában. A kód alapján a tábla olvasása nincs korlátozva, vagyis aki ismeri az adatbázis nyilvános kulcsát, lekérheti a teljes listát. Ezt érdemes javíttatni.

Kényes pontok

  • Az adatbázis-kapcsolat beállítása: ha elírod, az egész űrlap leáll.
  • Nincs védelem az ellen, hogy egy robot ezerszer beküldje az űrlapot.

Kérdezd meg a kódoló AI-t

  1. „Állítsd be, hogy a subscribers táblát kívülről ne lehessen olvasni, csak írni.”
  2. „Tegyél az űrlapra védelmet a tömeges beküldés ellen.”
  3. „Mi történik, ha valaki kétszer iratkozik fel ugyanazzal a címmel?”

Szemléltető minta, Claude segítségével készült: azt mutatja, milyen jellegű és felépítésű válaszra számíthatsz. A többi ajánlott eszközzel a prompt várhatóan ugyanígy használható, de nem mindegyikben próbáltuk ki. A te eredményed más lesz. Hogyan készülnek a példák?

Miért működik?

A vibe coding legnagyobb kockázata, hogy olyasmit üzemeltetsz, amit nem értesz. Nem kell megtanulnod programozni, de azt tudnod kell, hol vannak az adatok, és mi romolhat el. A prompt pontosan ezt a szintet célozza: a működés követhető, az adatok útja látszik, a kényes részek meg vannak nevezve.

Az „ne írd át” szabály azért kell, mert magyarázat helyett a modell szívesen ad egy új, „jobb” változatot, amit megint nem értesz.

Mire figyelj?

  • Mielőtt beilleszted a kódot, töröld belőle a jelszavakat, kulcsokat és kapcsolati adatokat.
  • A magyarázat csak arra a részre igaz, amit megmutattál. A biztonsághoz az egész alkalmazást át kell nézni, erre való az élesítés előtti átnézés prompt.

Tippek eszközönként

Cursor, Claude Code
Itt nem kell bemásolnod a kódot: add meg a fájl nevét, és kérd, hogy olvassa el a hozzá kapcsolódó fájlokat is.

Folytasd ezekkel

Ugyanabban a beszélgetésben küldd el, a válasz után.

  • Rajzold le szöveges ábrán, hogyan jut el az adat a gombtól az adatbázisig.
  • Melyik részt érdemes megtanulnom először, ha szeretném magam is javítgatni?

Kapcsolódó promptok

Összes vibe coding prompt

Biztonsági audit fenyegetésmodellel

Végigveszi, ki és hogyan élhetne vissza az alkalmazásoddal, majd a kódot a tipikus hibákra nézi át: jogosultság, bemenet, titkok, függőségek. Súlyosság szerint rangsorol, és jelzi, amit a beillesztett részből nem lát.

Vibe coding

Tesztterv a kritikus felhasználói utakra

Kockázat szerint rangsorolja, mit kell tesztelni az alkalmazásodban, majd megírja a legfontosabb teszteket. Kézzel elvégezhető ellenőrzőlistát is ad azoknak, akik nem írnak automata tesztet.

Vibe coding

Hibakeresés módszeresen, feltevésekkel

Megállítja a találgatós javítgatást: a tünetekből rangsorolt feltevéseket állít fel, mindegyikhez egy ellenőrző lépést ad, és csak a bizonyított ok után javít. A javítás a lehető legkisebb marad.

Vibe coding

Projektterv mérföldkövekkel és elfogadási feltételekkel

Az ötletedből olyan tervet ír, amelyet a kódoló AI lépésenként végre tud hajtani: hatókör, adatmodell, mérföldkövek, és mindegyiknél az, hogy miből látod, hogy kész. Külön listázza, ami szándékosan kimarad.

Vibe coding