Első prompt egy új alkalmazáshoz

Az ötletedből olyan indító promptot készít, amelyet beírhatsz a Lovable-be, a Boltba, a Replitbe vagy a Cursorba: mi készüljön el elsőre, mi maradjon ki, és hogyan nézzen ki.

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.

Segíts megírni az első promptot egy alkalmazásépítő AI-eszköznek. Nem vagyok programozó, ezért kerüld a szakzsargont, vagy magyarázd meg egy fél mondatban. Az ötletem: [ÖTLET] Ki fogja használni, és mire: [FELHASZNÁLÓ] A három legfontosabb dolog, amit tudnia kell: [FŐ FUNKCIÓK] Ezzel az eszközzel építem: [ESZKÖZ] Ilyen kinézetet szeretnék: [KINÉZET] Így dolgozz: 1. Tegyél fel legfeljebb öt kérdést arról, ami az ötletből nem derül ki (például kell-e belépés, hol tárolódnak az adatok, telefonon vagy gépen használják-e). Várd meg a válaszomat. 2. A válaszaim alapján írd meg az indító promptot, amelyet egy az egyben bemásolhatok az eszközbe. Legyen benne: mit csinál az alkalmazás egy mondatban, a képernyők listája, mi történik az egyes gombokra, milyen adatot tárol, és hogyan nézzen ki. 3. Külön sorold fel, mi NE készüljön el az első változatban. Az első kör legyen olyan kicsi, hogy egy délután alatt kipróbálható legyen. 4. Adj három rövid próbát, amellyel ellenőrizhetem, hogy az elkészült alkalmazás tényleg azt csinálja, amit kértem. Ne ígérj olyat, amit az eszköz nem biztos, hogy tud. Ha valamihez külső szolgáltatás vagy fizetős csomag kellhet, szólj előre.

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

Példa: kitöltve, mintaválasszal

Ötlet
Egy oldal a társasházunknak, ahol a lakók be tudják jelenteni a hibákat (csöpögő cső, kiégett lámpa), és látják, hol tart az ügyintézés
Felhasználó
Kb. 40 lakás lakói telefonról, és a közös képviselő, aki kezeli a bejelentéseket
Fő funkciók
Hibabejelentés fotóval; a bejelentések listája állapottal; a közös képviselő át tudja állítani az állapotot
Eszköz
Lovable
Kinézet
Egyszerű, világos, nagy gombok, idősebbek is könnyen használják
Mintaválasz (Claude)

Mielőtt megírom, öt kérdés:

  1. Kell-e belépés, vagy elég, ha a lakó megadja a lakásszámát?
  2. Mindenki látja az összes bejelentést, vagy csak a sajátját?
  3. Kapjon-e értesítést a közös képviselő az új bejelentésről (e-mailben)?
  4. Hány állapot kell? Javaslat: új, folyamatban, kész.
  5. Maradjanak-e meg a lezárt ügyek, és meddig?

(a válaszok után)

Indító prompt a Lovable-be

Készíts mobilra tervezett webalkalmazást egy 40 lakásos társasház hibabejelentéseihez. Három képernyő kell:

  1. Új bejelentés: lakásszám, rövid leírás, egy fotó feltöltése, Küldés gomb.
  2. Bejelentések listája: legfrissebb elöl, mindegyiknél a leírás, a dátum és az állapot színes címkével (új, folyamatban, kész).
  3. Kezelői nézet jelszóval: a közös képviselő itt állítja át az állapotot, és megjegyzést írhat.

Kinézet: világos háttér, nagy betűk, legalább 48 képpont magas gombok, magyar feliratok.

Ne készüljön el most: értesítések, lakónkénti fiók, statisztika, több társasház kezelése.

Három próba

  1. Telefonról küldj be egy bejelentést fotóval: megjelenik a lista tetején?
  2. A kezelői nézetben állítsd „kész”-re: a listában is átvált a címke?
  3. Próbáld megnyitni a kezelői nézetet jelszó nélkül: beenged-e?

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?

Az alkalmazásépítő eszközök abból dolgoznak, amit az első üzenetben kapnak. Ha az túl nagy („legyen egy társasházkezelő rendszer”), félkész, nehezen javítható dolog születik. A prompt ezért előbb kérdez, aztán szándékosan kicsire vágja az első kört, és külön listát ír arról, mi marad ki.

A három próba a legfontosabb rész: nem programozóként így tudod eldönteni, hogy a kész alkalmazás jó-e, anélkül hogy a kódot néznéd.

Mire figyelj?

  • Ha az alkalmazás neveket, címeket vagy fotókat tárol másokról, az adatkezelés. Élesítés előtt nézd meg, hol vannak az adatok, és ki fér hozzájuk.
  • Az „egy jelszó a kezelőnek” megoldás próbára jó, éles használatra kevés. Mielőtt a lakók ténylegesen használják, kérj rendes belépést.
  • Az eszközök ingyenes csomagja gyakran kevés üzenetet enged. A pontos első prompt ezért pénzt is spórol.

Tippek eszközönként

Lovable, Bolt, Replit
Az indító promptot egyben másold be. A javításokat utána egyesével kérd, egy üzenetben egy változtatást.
Cursor, Claude Code
Kérd meg, hogy előbb tervet írjon, és csak a jóváhagyásod után kezdjen kódolni.

Folytasd ezekkel

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

  • Írd meg a második kör promptját: e-mail-értesítés a közös képviselőnek új bejelentésnél.
  • Sorold fel, mit kell átnéznem, mielőtt a lakók élesben használják.

Kapcsolódó promptok

Összes vibe coding prompt

Új funkció kérése úgy, hogy semmi ne törjön el

A kívánságodból pontos, kicsi feladatot ír a kódoló AI-nak: mit változtasson, mihez ne nyúljon, és miből látod, hogy kész. Így nem romlik el az, ami eddig működött.

Vibe coding

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