Vibe coding kezdőknek: első alkalmazás AI-jal

Válogatott promptok azoknak, akik programozói tudás nélkül építenének alkalmazást vagy honlapot AI-jal: tervezés, építés, hibák, mentés, biztonság és élesítés.

Van egy ötleted, és hallottad, hogy ma már kódolás nélkül is meg lehet építeni. Ez igaz, de a siker nem azon múlik, melyik eszközt választod, hanem azon, milyen sorrendben és mekkora lépésekben haladsz. Ez a válogatás az elejétől a végéig végigvisz: a promptok abban a sorrendben állnak, ahogy használni érdemes őket.

Az út, lépésenként

  • Tervezés: az első prompt az alkalmazáshoz, az adatok és a képernyők megtervezése.
  • Biztonsági háló: mentési rend és szabályfájl, mielőtt nagyobb munkába kezdesz.
  • Építés: új funkció kérése úgy, hogy a meglévő ne törjön el.
  • Ha baj van: mit tegyél, ha az AI körbe-körbe javít, és hogyan értsd meg, mit írt.
  • Élesítés: biztonsági átnézés, majd a közzététel lépései.

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 coding

Adatok megtervezése az alkalmazáshoz

Mielőtt az AI kódolni kezd: mit tároljon az alkalmazás, mi mihez tartozik, és ki mit láthat. Táblázatos terv hétköznapi nyelven, amelyet bemásolhatsz a kódoló eszközbe.

Vibe coding

Mentés és verziók kezdőknek

Hogy ne egy rossz változtatás vigye el az egész projektet: egyszerű mentési rend Gittel vagy az eszköz saját visszaállítási pontjaival, parancsokkal és érthető magyarázattal.

Vibe coding

Ú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

Ha az AI körbe-körbe javít

Ötödször javítja ugyanazt a hibát, és egyre rosszabb? Ez a prompt megállítja a kapkodást: összefoglalja, mit próbáltatok, új hipotézist kér, és tiszta lappal indít.

Vibe coding

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 coding

Biztonsági átnézés élesítés előtt

Mielőtt idegenek is használják, amit AI-jal építettél: ellenőrzőlista a leggyakoribb hibákra, a kulcsoktól a jogosultságokon át a mentésig, súlyosság szerint rendezve.

Vibe coding

Alkalmazás élesítése lépésről lépésre

A gépeden működik, de hogyan lesz belőle elérhető weboldal? Személyre szabott ellenőrzőlista tárhelytől a saját domainen át az első mentésig, a költségekkel együtt.

Vibe coding

Automatizálás megtervezése kódolás nélkül

Ismétlődő kézi munka helyett folyamat a Make-ben, a Zapierben vagy az n8n-ben: a prompt lépésekre bontja, megmondja, mi indítja el, mi romolhat el, és mit tesztelj.

Vibe coding

Honlap felépítése és menüje

Mielőtt bármit építenél: milyen oldalak kellenek a honlapodra, mi kerüljön a menübe, és melyik oldalnak mi a dolga. Kis vállalkozásra szabott oldaltérkép, fölösleges aloldalak nélkül.

Honlapkészítés

A három leggyakoribb hiba

Túl nagy első kérés, mentés nélküli munka, és élesítés biztonsági átnézés nélkül. Mindháromra van minta a válogatásban. Ha csak egyet fogadsz meg: minden működő lépés után ments, és egyszerre egy dolgot kérj.

A teljes folyamatot egy beszélgetésben is végigviheted az Ötletből tesztelhető webalkalmazás munkafolyamattal. Ha az építés mellett a tartalom is a te dolgod, a Honlapkészítés téma a szövegekben segít.

További gyűjtemények

Mind