A MIPRO rovatban most élesben építünk fel egy komplex digitális terméket. A mivagyunk.hu tapasztalatai alapján a szabadúszók és kisvállalkozók egyik legnagyobb fájdalma a pénzügyi adminisztráció. A káosz megszüntetésére óriási az igény. A célunk egy pénzügyi robot létrehozása. Ez most nem egy egyszerű Excel táblázat lesz, hanem egy böngészőben futó, saját mini alkalmazás. Ehhez a Digital Maker AI, a Google Gemini és a Claude erejét hívjuk segítségül.
Ebben a gyakorlati útmutatóban lépésről lépésre megmutatjuk, hogyan lesz a Gemini által generált nyers kódból egy működő szoftver a gépeden.
1. lépés: Az ötlet validálása
Mielőtt bármilyen fejlesztésbe kezdenénk, meg kell bizonyosodnunk róla, hogy van-e értelme. A mivagyunk.hu szakértői szerint a leggyakoribb hiba a felesleges fejlesztés. Ezért először piackutatást végzünk.
Nyisd meg a Digital Maker AI felületét a böngésződben. Keresd meg a Product Research vagyis termékkutatás fület. Keress a Google-ben egy létező, hasonló terméket. Írd be például, hogy „Freelance Dashboard Template”, és másold be az egyik találat linkjét a szoftverbe. Kattints az Assess Viability gombra.
A szoftver elemezni fogja a piacot. Ha magas pontszámot kapsz, az azt jelenti, hogy az ötlet életképes, és érdemes energiát fektetni a fejlesztésbe.
2. lépés: A nyers kód generálása a Geminivel
Most jön a technikai rész. A Google Geminit arra használjuk, hogy írja meg nekünk az alkalmazás alapjait. Mivel a Gemini erős a strukturált kódgenerálásban, tőle kérjük a HTML vázat.
Először menj a Digital Maker AI oldalán a Prompt Builder menüponthoz, és válaszd a Gemini ikont. Töltsd ki az adatokat a termékedről. A típus legyen web app, a cél pedig egy pénzügyi áttekintő szabadúszóknak, ami kezeli a bevételeket és kiadásokat. Generáld le az utasítást, majd másold át a Google Gemini felületére.
A Gemini válasza egy fekete dobozban lévő szöveg lesz, ami tele van angol szavakkal és kacsacsőrökkel. Ez a HTML kód.
Mi a teendő a kóddal? A kódblokk jobb felső sarkában kattints a kód másolása gombra. Nyiss egy Jegyzettömböt a számítógépeden. Illeszd be a kódot ebbe az üres szöveges fájlba. Mentsd el a fájlt index.html néven az asztalodra. Nagyon fontos, hogy a vége .html legyen, ne pedig .txt.
Ha most rákattintasz erre a fájlra, a böngésződ megnyitja. Látni fogsz egy alapvető, valószínűleg csúnya és hiányos felületet. Ez a csontváz.
3. lépés: A működés és a dizájn javítása a Claude segítségével
A csontváz megvan, de még nem szép és nem okos. Itt jön a képbe a Claude. Neki megmutatjuk a Gemini kódját, és megkérjük, hogy tegye profivá.
Nyisd meg a Claude.ai oldalt. A + ikonnal vagy egyszerű behúzással töltsd fel neki az előbb elmentett index.html fájlt az asztalodról. Írd be a következő utasítást a chatbe.
„Ez a kód egy pénzügyi app alapja. Kérlek javítsd fel. Legyen sötét módos és modern dizájnnal. A Számolás gomb ténylegesen működjön és vonjon le 15 százalék átalányadót a bevételből. Írd át az egészet egyetlen működő HTML fájlba, hogy csak le kelljen mentenem.”
A Claude dolgozni kezd. Újraírja a kódot, de most már szebb stílussal és működő logikával együtt.
A csere folyamata A Claude válaszában keresd meg az új kódblokkot és töltsd le. A mentett fájlra nyomj rá és meg fog nyílni a böngésződben a kész, Claude által javított app.
4. lépés: Tesztelés és használat
Most már van egy kész és működő szoftvered. Menj az asztalodra, és kattints duplán az index.html fájlra. A böngésződ fogja megnyitni, de ez nem egy internetes oldal, hanem a te saját gépeden futó program. Mit kell látnod? Egy profi kinézetű, sötét hátterű felületet.
Próbáld ki. Írd be a bevételedet, és nyomd meg a gombot. A rendszer azonnal kiszámolja az adót és kiírja az eredményt. Működik internet nélkül is, és teljesen ingyen van.
Így dolgozik össze a két MI
Látod a különbséget a szerepekben? A mivagyunk.hu tapasztalata szerint ez a leghatékonyabb munkamegosztás. A Digital Maker AI adta az ötletet és a piaci validációt. A Gemini letette az alapköveket és megírta a nyers vázat. A Claude volt a belsőépítész és a programozó, aki működőképesre csiszolta.
Így készült el a Pénzügyi robot, ami most már egy valós, működő szoftver a gépeden. Ezt a fájlt bárkinek átküldheted e-mailben, és nála is ugyanígy fog működni.
