Vibe coding sa ChatGPT-jem: canvas, Codex i pravljenje aplikacija iz ChatGPT-ja

Vibe coding sa ChatGPT-jem možete raditi na tri načina. Zamolite ga u chatu za malu aplikaciju i pregledajte je u canvas-u; zadajte zadatke nad pravom kodnom bazom Codex-u, OpenAI-jevom agentu za kodiranje; ili povežite AI alat za pravljenje aplikacija, kao što je Mythex, pa ChatGPT može da napravi, hostuje i objavi punu aplikaciju sa bazom podataka. Prvi način je najbrži za alat sa jednom stranicom, drugi je namenjen programerima, a treći vam daje živu aplikaciju sa prijavama i podacima bez napuštanja ChatGPT-ja.

Evo kako svaki radi, upit za svaki i gde svaki staje. Ako želite pozadinu o pojmu, pročitajte šta je vibe coding.

Opcija 1: ChatGPT chat i canvas

Za brz alat, samo pitajte. ChatGPT piše kod, a u canvas-u može da prikaže jednostavne HTML i React stranice da kliknete po njima i tražite izmene.

Napiši kalkulator napojnice na jednoj stranici sa poljima za iznos računa, procenat napojnice (dugmad za 10, 15, 20 i polje za svoj iznos) i broj osoba. Prikaži napojnicu i iznos po osobi, koji se menja dok kucam. Neka izgleda uredno na telefonu.

Dobro za: kalkulatore, jednostavne igre, nacrte landing stranica i učenje. Ako pitate „objasni ovaj fajl kao da sam nov u programiranju“, brzo ćete naučiti.

Gde staje: nema backend-a. Ništa što unesete ne čuva se za druge korisnike, nema prijave, a da biste ga podelili, morali biste da kopirate kod negde i sami ga hostujete. Čim kažete „i sačuvaj da moj tim to vidi“, prerasli ste chat.

Vibe coding kopiraj-nalepi

Mnogi počinju tako što od ChatGPT-ja traže kod i lepe ga u fajlove na računaru ili u servis za hosting. Radi za male statičke sajtove, ali brzo popušta. Svaka izmena znači traženje pravog fajla, lepljenje prave česti i nadu da ništa drugo nije zavisilo od onoga što ste zamenili. Ako to radite više od nekoliko puta, pređite na jednu od sledeće dve opcije.

Opcija 2: Codex za pravu kodnu bazu

Codex je OpenAI-jev agent za softverski rad. Zadajete mu zadatak običnim jezikom, a on radi nad repozitorijumom: čita kod, pravi izmene u više fajlova, pokreće komande i testove i daje rezultat za pregled. OpenAI ga nudi u ChatGPT-ju, kao alat za komandnu liniju i kao proširenje za uređivač; na OpenAI sajtu proverite koji planovi ga uključuju i aktuelne limite.

Najbolje mu odgovara zadatak u obliku naloga:

U ovom repozitorijumu dodaj dugme za izvoz CSV-a na stranicu Porudžbine. Neka izvozi trenutno filtrirane porudžbine sa kolonama datum, kupac, ukupno i status. Dodaj test za funkciju izvoza i pokreni test skup.

Dobro za: programere i tehničke osnivače sa postojećim projektom koji žele da agent preuzme cele zadatke sa njihove liste. Radi sa vašim stekom i vašim konvencijama.

Šta i dalje sami vodite: gde se aplikacija pokreće, bazu, tajne, postavljanje i domene. Codex menja kod; nije hosting.

Codex i Mythex zajedno

Codex se može povezati i sa MCP serverima, uključujući Mythex-ov. Dodajte https://mcp.mythex.ai/mcp kao prilagođeni MCP server u Codex-u, odobrite pristup na Mythex-u, a Codex može da radi na Mythex projektu u njegovom cloud sandbox-u, dok se pregled, baza i objavljivanje obavljaju preko Mythex-a. Naš tekst o pravljenju Mythex aplikacija iz Claude-a, Cursor-a ili Codex-a prolazi kroz to.

Opcija 3: Napravite punu aplikaciju iz ChatGPT-ja uz Mythex

Ako želite da ostanete u razgovoru sa ChatGPT-jem i da na kraju imate pravu, hostovanu aplikaciju, povežite Mythex. Mythex radi unutar ChatGPT-ja kao aplikacija: ChatGPT razgovara sa Mythex alatima preko MCP-a, otvorenog protokola koji asistentima omogućava da koriste alate hostovane negde drugde (šta je MCP).

Kada je povezano, ChatGPT može da napravi Mythex projekat, napiše kod u privatnom cloud sandbox-u, pokrene živi pregled, doda bazu i skladište fajlova i objavi aplikaciju na javnu adresu. Rezultati stižu sa linkom da otvorite projekat u Mythex-u i pratite pregled.

Kako se povezati

1. U Mythex-u otvorite Account settings i kopirajte MCP adresu.
2. U ChatGPT-ju dodajte Mythex iz podešavanja aplikacija ili konektora koristeći tu adresu. Meniji ChatGPT-ja se povremeno menjaju, pa pratite OpenAI stranicu za pomoć o dodavanju aplikacije ako se nazivi razlikuju.
3. Otvara se Mythex stranica: prijavite se i izaberite Allow access. Nema ključa za unos.
4. Započnite razgovor i pomenite Mythex u zahtevu.

Povezivanje radi na svakom Mythex planu. Sandbox alati, odnosno pravljenje, pregled i objavljivanje, zahtevaju Mythex Pro (25 $ mesečno), a vreme u sandbox-u i hosting dolaze iz vaših Mythex kredita. Vaša upotreba ChatGPT-ja ostaje na vašem OpenAI planu.

Prvi upit za probu

Koristi Mythex da mi napraviš praćenje prijava za posao. Dodajem prijave sa firmom, pozicijom, linkom, datumom prijave, statusom (prijavljen, intervju, ponuda, odbijen) i napomenama. Prikaži tablu po statusu gde mogu da prevlačim kartice i jednostavan grafikon prijava po nedeljama. Sačuvaj sve u bazi i zaštiti prijavom. Pokreni pregled i daj mi link.

Zatim, jedna izmena po poruci:

U Mythex projektu dodaj datum podsetnika uz svaku prijavu i istakni kartice čiji je podsetnik danas ili je prošao.

Objavi to i pošalji mi živu adresu.

Dobro za: ljude koji već planiraju i razmišljaju u ChatGPT-ju i žele rezultat uživo, sa podacima koji ostaju, a da ne uče hosting. Pošto je to običan Mythex projekat, u bilo kom trenutku možete nastaviti u Mythex chatu.

Koja opcija odgovara onome što pravite

Navike u upitima koje rade u ChatGPT-ju

• Imenujte alat kada želite da se koristi. „Koristi Mythex da…“ jasno pokazuje da se zahtev odnosi na vaš projekat, a ne na opšti odgovor.
• Jedna izmena po poruci. Duge liste izmena daju duge liste nuspojava.
• Tražite plan pre velikih koraka. „Pre nego što išta menjaš, navedi šta ćeš promeniti i sačekaj moje odobrenje.“
• Nalepite tačne greške. Ceo tekst greške vredi više od svakog opisa.
• Pitajte šta se promenilo. „Sažmi tri poslednje izmene običnim rečima“ drži vas u toku kada ne čitate kod.

Više ih ima u našem spisku upita za vibe coding.

Čuvajte bezbednost

• Nikada ne lepite prave lozinke ili API ključeve u razgovor sa ChatGPT-jem. Ako aplikaciji treba ključ, sačuvajte ga u tajnama projekta. Mythex alati prijavljuju samo nazive tajni, nikada vrednosti.
• Pre objavljivanja proverite da korisnici ne mogu da vide tuđe podatke i da nijedan ključ nije završio u kodu koji se izvršava u pregledaču. Naš vodič da li je vibe coding bezbedan navodi provere sa upitima koje možete nalepiti.

Koristite i Claude? Prateći vodič pokriva vibe coding sa Claude-om i Claude Code-om. Za pregled po modelima pogledajte ChatGPT vs Claude vs Gemini za pravljenje aplikacija.

Pitanja