Funkció specifikálása kódolás előtt
Mielőtt kódot kérnél az AI-tól, írasd meg vele a tervet. A prompt kérdésekkel tisztázza az ötletedet, majd rövid specifikációt készít elfogadási feltételekkel.
Töltsd ki a saját adataiddal
A sárgával jelölt részeket cseréld a saját adataidra.
EllenőrzésCtrl + Enter: másolás
Példa: kitöltve, mintaválasszal
- Funkció
- A felhasználók menthessék kedvencnek a recepteket, és legyen egy Kedvenceim oldal
- Felhasználó
- Bejelentkezett felhasználó, aki később újra meg akarja találni a recepteket
- Projekt
- Next.js alkalmazás, Supabase adatbázis és bejelentkezés már működik, a receptoldal kész
- Kimarad
- Megosztás, mappák, kedvencek száma a recepten
Mielőtt megírom a specifikációt, hat kérdés:
- Mi történjen, ha nem bejelentkezett látogató kattint a mentésre? Javaslat: átirányítás a belépéshez, majd vissza a recepthez.
- Hol legyen mentés gomb: csak a receptoldalon, vagy a listák kártyáin is? Javaslat: mindkettő.
- Milyen sorrendben jelenjenek meg a kedvencek? Javaslat: a legutóbb mentett elöl.
- Mi látszódjon az üres Kedvenceim oldalon? Javaslat: egy mondat és link a receptekhez.
- Ha egy receptet törölnek, tűnjön el a kedvencek közül is? Javaslat: igen, automatikusan.
- Van felső korlát a kedvencek számára? Javaslat: nincs, de az oldal 24-esével töltsön be.
Elég, ha számmal válaszolsz, például: „1-5: ok, 6: legyen 100 a korlát”.
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 legtöbb elrontott AI-kód mögött nem rossz modell áll, hanem hiányos feladat. Ha egyből kódot kérsz, a modell csendben eldönti helyetted a nyitott kérdéseket, és ezekről csak akkor értesülsz, amikor valami furcsán működik.
A prompt két körre bontja a munkát: előbb kérdések kész javaslatokkal (így a válasz fél perc), utána egyoldalas terv. Az elfogadási feltételek később tesztként is használhatók.
Mire figyelj?
- Ne ugord át az első kört azzal, hogy „döntsd el te”. Pont az a lényeg, hogy lásd a döntéseket.
- A kész specifikációt mentsd a projektbe (például SPEC.md néven), és a kódolásnál hivatkozz rá, különben a következő beszélgetés nem tud róla.
Tippek eszközönként
- Kódasszisztensek (Cursor, Claude Code, Copilot)
- A projekt mezőbe írd: „nézd át a repót”. Így a kérdései a tényleges kódodra vonatkoznak majd.
Folytasd ezekkel
Ugyanabban a beszélgetésben küldd el, a válasz után.
- Bontsd a specifikációt 4-6 egymás után megépíthető lépésre; mindegyik végén legyen valami, amit ki tudok próbálni.
- Most építsd meg az első lépést. A végén sorold fel, mely elfogadási feltételek teljesülnek már.
Kapcsolódó promptok
Összes fejlesztés promptRefaktorálási terv kis lépésekben
Nagy átírás helyett sorba rendezett, egyenként tesztelhető lépések: mit érdemes először rendbe tenni, és mihez ne nyúlj hozzá.
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.
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.
Hibakeresés hibaüzenetből
Add meg a hibaüzenetet, a kódrészletet és azt, amit már próbáltál. A modell előbb rangsorolja a lehetséges okokat, és csak utána javasol javítást.