Vibe coding uz Claude: Claude chat, Claude Code i izrada iz Claude-a

Vibe coding uz Claude radi na tri načina. Claude chat pravi male aplikacije sa jednom stranicom direktno u razgovoru. Claude Code je agent koji mijenja pravi projekat na vašem računaru ili u cloudu, za ljude koji su udobni sa kodnom bazom. A Claude plus alat za izradu aplikacija preko MCP-a omogućava da izgradite, pregledate i objavite punu aplikaciju sa bazom bez napuštanja Claude razgovora. Koja odgovara zavisi od toga šta pravite i koliko podešavanja želite sami da vodite.

Ovaj vodič pokriva sva tri, sa promptima i granicama svakog. Za ideju iza svega, pogledajte šta je vibe coding.

Opcija 1: Claude chat za male alate

U običnoj Claude aplikaciji možete tražiti nešto interaktivno, a Claude to napiše kao kod koji radi pored razgovora: kalkulator, vježbu kartica, malu igru, grafikon iz podataka koje nalijepite. Mijenjate to odgovorom.

Dobar prompt je samostalan:

Napravi interaktivan alat u kojem nalijepim listu troškova (jedan po redu, „iznos, kategorija”) i on prikazuje kružni grafikon po kategoriji i ukupan iznos. Uključi primjer liste da radi odmah.

Za šta je odličan: brze alate sa jednom stranicom koje koristite sami ili dijelite kao link, i za učenje, jer možete tražiti da Claude objasni svaki dio.

Gdje staje: ovo radi unutar Claude-ovog okruženja. Nema vaše trajne baze podataka, nema korisničkih naloga, nema prilagođene domene i nema gdje pokrenuti server. Kad ideja naraste iznad jedne stranice, trebate jednu od sljedeće dvije opcije.

Opcija 2: Claude Code za pravu kodnu bazu

Claude Code je Anthropic-ov agent za kodiranje. Radi u vašem terminalu, u editorima poput VS Code-a i JetBrains-a, u desktop aplikaciji i na webu. Zadajete mu zadatak običnim jezikom, a on čita projekat, mijenja fajlove, pokreće komande i testove i pokazuje šta se promijenilo. U trenutku pisanja uključen je u Claude-ove plaćene planove i dostupan preko API-ja; provjerite Anthropic-ov sajt za aktuelne planove.

Tipična vibe coding sesija izgleda ovako:

Dodaj stranicu /bookings koja prikazuje rezervacije trenutnog korisnika, najnovije prve, sa dugmetom za otkazivanje koje je onemogućeno manje od dva sata prije časa. Koristi postojeći pomoćnik za autentifikaciju. Pokreni testove kad završiš.

Za šta je odličan: programere i tehničke osnivače koji već imaju projekat, žele punu kontrolu nad stekom i spremni su sami ga pokrenuti i objaviti. Jak je u promjenama kroz više fajlova i u praćenju konvencija koje već postoje u kodnoj bazi.

Gdje traži više rada: potrebno vam je razvojno okruženje, a Claude Code ništa ne hostuje. Baze, tajne, deploy i domene rješavate sami. Za poređenje sa drugim alatima za programere pogledajte Cursor naspram Windsurfa naspram Claude Code.

Navike koje dobro rade sa Claude Code-om

• Zatražite plan prije velikih promjena. „Navedi korake i fajlove koje ćeš dirati, pa čekaj.”
• Vodite fajl sa bilješkama o projektu. Claude Code čita fajl sa memorijom projekta (CLAUDE.md) za konvencije, pa ih ne morate ponavljati.
• Pregledajte razliku (diff). Čak i kad radite vibe coding, pregledajte šta se promijenilo u osjetljivim dijelovima: autentifikacija, plaćanja, sve što sadrži podatke korisnika.
• Često commitujte. Mali commitovi olakšavaju poništavanje loše promjene.

Opcija 3: izgradite i objavite iz Claude-a uz Mythex

Ako volite da radite u Claude-u, ali na kraju želite pravu aplikaciju, sa bazom, prijavama, skladištem fajlova i javnim URL-om, Claude možete povezati sa alatom za izradu aplikacija preko MCP-a, protokola koji Claude-u omogućava korištenje alata hostovanih negdje drugo. (Šta je MCP objašnjava to jednostavnim riječima.)

Mythex pokreće MCP server. Kad je povezan, Claude može napraviti Mythex projekat, napisati kod u privatnom cloud sandboxu, pokrenuti živi pregled, dodati bazu i skladište fajlova i objaviti aplikaciju. Svaki rezultat uključuje link za praćenje projekta uživo u Mythexu.

Kako se povezati

1. U Mythexu otvorite Podešavanja naloga i kopirajte MCP URL: https://mcp.mythex.ai/mcp.
2. U Claude-u idite na Settings → Connectors → Add custom connector, nalijepite URL i kliknite Connect.
3. Otvara se Mythex stranica. Prijavite se ako treba i izaberite Dozvoli pristup. Nema API ključa za kopiranje.
4. Vratite se u Claude i tražite šta želite.

Svako se može povezati na bilo kojem planu; alati za sandbox traže Mythex Pro ($25 mjesečno). Korištenje Claude-a ostaje na vašem Claude planu, a vrijeme sandboxa, pregledi i hosting dolaze iz vaših Mythex kredita. Kompletno uputstvo nalazi se u pravljenje Mythex aplikacija iz Claude-a, Cursora ili Codexa.

Prvi prompt za isprobavanje

Koristeći Mythex, napravi novi projekat: jednostavan CRM za moj mali dizajnerski studio. Kontakti sa imenom, kompanijom, emailom, telefonom, fazom (lead, aktivan, bivši) i bilješkama. Pregled po fazi na kojem mogu prevlačiti kontakte između kolona, i polje za pretragu. Dodaj bazu da podaci ostanu, i prijavu da ih samo ja vidim. Pokreni pregled i pošalji mi link kad radi.

Zatim iterirajte u istom razgovoru, jednu promjenu po put:

U Mythex projektu dodaj datum „sljedećeg praćenja” za kontakte i listu na početnom ekranu sa praćenjima koja dospijevaju ove sedmice. Provjeri u pregledu.

Objavi CRM i daj mi živi URL.

Za šta je odličan: ljude koji najbolje razmišljaju u Claude-u i žele rezultat hostovan, sa bazom, bez postavljanja servera. Možete i prebaciti: počnite u Claude-u i nastavite u Mythex chatu, ili obrnuto, jer je to isti projekat.

Koji da izaberete?

Savjeti za prompt koji su važniji sa Claude-om

Claude precizno prati detaljna uputstva, što ide u oba smjera.

• Recite šta ne treba mijenjati. „Zadrži raspored i boje; promijeni samo validaciju formulara.”
• Dajte definiciju završetka. „Gotovo znači da se novi kontakt sačuva, pojavi na tabli i preživi osvježavanje.”
• Zamolite ga da provjeri svoj rad. U Claude Code-u to znači pokretanje testova; u Mythexu znači provjeru živog pregleda ili pokretanje testa u pregledaču.
• Tražite objašnjenja običnim riječima kad ne razumijete promjenu. To je najbrži način da naučite šta vaša aplikacija radi.

Naš spisak promptova za vibe coding ima 30 promptova koji rade u sva tri postavljanja.

Sigurnosne napomene za sva tri

• Ne lijepite prave API ključeve ili lozinke u Claude razgovor. Uz Mythex, tajne idu u postavke tajni projekta, a Claude može vidjeti njihove nazive, ali ne i vrijednosti.
• Provjerite ko šta može vidjeti prije objavljivanja. „Može li prijavljeni korisnik otvoriti tuđe zapise?” je prvo pitanje koje treba postaviti.
• Pregledajte osjetljiv kod. Claude je sposoban programer, ali vibe coding znači da ne čitate svaku liniju, pa izaberite linije koje su važne. Pogledajte da li je vibe coding siguran?.

Ako koristite i ChatGPT, prateći vodič pokriva vibe coding uz ChatGPT i Codex. A ako želite da preskočite cijelo podešavanje, otvorite AI alat za izradu aplikacija i opišite aplikaciju tamo.

Pitanja