Vibe coding s Claudeom: Claude chat, Claude Code i izrada aplikacija iz Claudea

Vibe coding s Claudeom radi na tri načina. Claude chat gradi male aplikacije s jednom stranicom izravno u razgovoru. Claude Code je agent koji uređuje pravi projekt na tvom računalu ili u cloudu, za ljude koji se snalaze s kodnom bazom. A Claude uz AI graditelj aplikacija preko MCP-a omogućuje da izgradiš, pregledaš i objaviš punu full-stack aplikaciju s bazom podataka bez napuštanja Claude razgovora. Koji ti odgovara ovisi o tome što gradiš i koliko postavljanja želiš sam držati.

Ovaj vodič pokriva sva tri, s upitima i ograničenjima svakog. Za ideju iza svega pogledaj što je vibe coding.

Opcija 1: Claude chat za male alate

U običnoj Claude aplikaciji možeš zatražiti nešto interaktivno i Claude to napiše kao kod koji radi uz sam razgovor: kalkulator, vježbalicu s karticama, malu igru, grafikon iz podataka koje zalijepiš. Mijenjaš to odgovorom.

Dobar upit ovdje je samostalan:

Napravi interaktivan alat u kojem zalijepim popis troškova (jedan po retku, „iznos, kategorija“) i on prikazuje kružni grafikon po kategoriji i ukupno. Uključi primjer popisa da radi odmah.

Što je odlično za: brze alate s jednom stranicom koje koristiš sam ili dijeliš kao poveznicu, te za učenje, jer možeš zatražiti da se objasni svaki dio.

Gdje staje: ovo radi unutar Claudeova okruženja. Nema trajne baze podataka tvoje, nema korisničkih računa, nema prilagođene domene i nema gdje pokrenuti poslužitelj. Kada ideja prerasta jednu stranicu, trebaš jednu od sljedeće dvije opcije.

Opcija 2: Claude Code za pravu kodnu bazu

Claude Code je Anthropic-ov agent za kodiranje. Radi u tvom terminalu, u uređivačima poput VS Codea i JetBrainsa, u desktop aplikaciji i na webu. Zadaješ mu zadatak običnim jezikom, a on čita projekt, uređuje datoteke, pokreće naredbe i testove te pokazuje što se promijenilo. Trenutno je uključen u Claudeove plaćene pakete i dostupan preko API-ja; provjeri Anthropic-ovu stranicu za aktualne pakete.

Tipična sesija vibe codinga izgleda ovako:

Dodaj stranicu /rezervacije koja prikazuje rezervacije trenutnog korisnika, najnovije prvo, s gumbom za otkazivanje koji je onemogućen manje od dva sata prije termina. Koristi postojeći pomoćnik za autentikaciju. Pokreni testove kada završiš.

Što je odlično za: developere i tehničke osnivače koji već imaju projekt, žele punu kontrolu nad stackom i spremni su sami ga pokrenuti i objaviti. Jak je u višedatotečnim promjenama i u slijeđenju konvencija koje već postoje u kodnoj bazi.

Gdje traži više posla: treba ti razvojno okruženje, a Claude Code ništa ne hosta. Baze, tajne, objava i domene su tvoje da ih postaviš. Za usporedbu s drugim alatima za developere pogledaj Cursor vs Windsurf vs Claude Code.

Navike koje dobro rade s Claude Codeom

• Zatraži plan prije velikih promjena. „Navedi korake i datoteke koje ćeš dirati, zatim pričekaj.“
• Vodi datoteku s bilješkama o projektu. Claude Code čita datoteku s memorijom projekta (CLAUDE.md) za konvencije, pa ih ne moraš ponavljati.
• Pregledaj diff. Čak i kad radiš vibe coding, pogledaj što se promijenilo u osjetljivim dijelovima: autentikacija, plaćanja, sve s korisničkim podacima.
• Često spremaj commitove. Mali commitovi olakšavaju poništavanje loših koraka.

Opcija 3: Izradi i objavi iz Claudea uz Mythex

Ako voliš raditi u Claudeu, ali na kraju želiš pravu aplikaciju s bazom, prijavama, pohranom datoteka i javnom URL adresom, možeš povezati Claude s AI graditeljem aplikacija preko MCP-a, protokola koji Claudeu omogućuje korištenje alata hostanih negdje drugdje. (Što je MCP objašnjava to običnim riječima.)

Mythex pokreće MCP server. Kada je povezan, Claude može napraviti Mythex projekt, napisati kod u privatnom cloud sandboxu, pokrenuti živi pregled, dodati bazu i pohranu datoteka te objaviti aplikaciju. Svaki rezultat uključuje poveznicu za praćenje projekta uživo u Mythexu.

Kako povezati

1. U Mythexu otvori postavke računa i kopiraj MCP URL: https://mcp.mythex.ai/mcp.
2. U Claudeu idi na Settings → Connectors → Add custom connector, zalijepi URL i klikni Connect.
3. Otvorit će se Mythex stranica. Prijavi se ako treba i odaberi Dopusti pristup. Nema API ključa za kopirati.
4. Vrati se u Claude i zatraži što želiš.

Svatko se može povezati na bilo kojem paketu; alati za sandbox traže Mythex Pro (25 dolara mjesečno). Potrošnja Claudea ostaje na tvom Claude paketu, a vrijeme sandboxa, pregledi i hosting dolaze iz tvojih Mythex kredita. Cijeli vodič nalazi se u izradi Mythex aplikacija iz Claudea, Cursora ili Codexa.

Prvi upit za isprobavanje

Koristeći Mythex, napravi novi projekt: jednostavan CRM za moj mali dizajnerski studio. Kontakti s imenom, tvrtkom, e-poštom, telefonom, fazom (potencijalni, aktivan, bivši) i bilješkama. Ploča po fazi gdje mogu povlačiti kontakte između stupaca i okvir za pretragu. Dodaj bazu da se podaci spremaju i prijavu da ih samo ja vidim. Pokreni pregled i pošalji mi poveznicu kada radi.

Zatim iteriraj u istom razgovoru, jednu promjenu po put:

U Mythex projektu dodaj polje „sljedeći follow-up“ kontaktima i popis na početnom ekranu s follow-upovima koji dospijevaju ovaj tjedan. Provjeri u pregledu.

Objavi CRM i daj mi živu URL adresu.

Što je odlično za: ljude koji najbolje razmišljaju u Claudeu i žele rezultat hostan, s bazom, bez postavljanja poslužitelja. Možeš i mijenjati: počni u Claudeu pa nastavi u Mythex chatu ili obrnuto, jer je to isti projekt.

Koji odabrati?

Savjeti za upite koji su s Claudeom važniji

Claude precizno slijedi detaljne upute, što vrijedi u oba smjera.

• Reci što ne mijenjati. „Zadrži raspored i boje; promijeni samo validaciju obrasca.“
• Daj mu definiciju završenog. „Gotovo znači da se novi kontakt sprema, pojavljuje na ploči i preživljava osvježavanje.“
• Zatraži da provjeri svoj rad. U Claude Codeu to znači pokretanje testova; s Mythexom znači provjeru živog pregleda ili pokretanje testa u pregledniku.
• Zatraži objašnjenja običnim riječima kada ne razumiješ promjenu. To je najbrži način da naučiš što tvoja aplikacija radi.

Naš cheat sheet s upitima za vibe coding ima 30 upita koji rade u sve tri postavke.

Sigurnosne napomene za sve tri

• Nemoj lijepiti prave API ključeve ili lozinke u razgovor s Claudeom. Uz Mythex, tajne idu u postavke tajni projekta, a Claude može vidjeti njihove nazive, ali ne i vrijednosti.
• Provjeri tko što može vidjeti prije objave. „Može li prijavljeni korisnik otvoriti tuđe zapise?“ je prvo pitanje koje treba postaviti.
• Pregledaj osjetljiv kod. Claude je sposoban programer, ali vibe coding znači da ne čitaš svaki redak, pa odaberi redove koji su važni. Pogledaj je li vibe coding siguran?.

Koristiš li i ChatGPT, pratni vodič pokriva vibe coding s ChatGPT-om i Codexom. A ako želiš preskočiti cijelo postavljanje, otvori AI graditelj aplikacija i opiši aplikaciju tamo.

Pitanja