Vibe coding sa Claude-om: Claude chat, Claude Code i pravljenje iz Claude-a

Vibe coding sa Claude-om radi na tri načina. Claude chat pravi male aplikacije sa jednom stranicom pravo u razgovoru. Claude Code je agent koji menja pravi projekat na vašem računaru ili u cloud-u, za ljude koji se snalaze sa kodnom bazom. A Claude plus alat za pravljenje aplikacija preko MCP-a omogućava da pravite, pregledate i objavljujete full-stack aplikaciju sa bazom bez napuštanja Claude razgovora. Koji odgovara zavisi od toga šta pravite i koliko podešavanja želite sami da vodite.

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

Opcija 1: Claude chat za male alate

U običnoj Claude aplikaciji možete zatražiti nešto interaktivno, a Claude to napiše kao kod koji radi odmah uz razgovor: kalkulator, vežbanje kartica, malu igru, grafikon iz podataka koje nalepite. Menjate ga odgovorom.

Dobar upit ovde je samostalan:

Napravi interaktivni alat u koji nalepim listu troškova (jedan po redu, „iznos, kategorija“) i on prikazuje kružni grafikon po kategoriji i ukupno. Uključi uzorak liste da radi odmah.

Odlično za: brze alate sa jednom stranicom koje koristite sami ili delite kao link, i za učenje, jer Claude možete zamoliti da objasni svaki deo.

Gde staje: ovo radi unutar Claude-ovog okruženja. Nema vaše trajne baze, nema korisničkih naloga, nema prilagođenog domena i nema gde da pokrenete server. Kada ideja naraste preko jedne stranice, potrebna vam je jedna od sledeće dve opcije.

Opcija 2: Claude Code za pravu kodnu bazu

Claude Code je Anthropic-ov agent za kodiranje. Radi u terminalu, u uređivačima kao što su VS Code i JetBrains, u desktop aplikaciji i na webu. Zadajete mu zadatak običnim jezikom, a on čita vaš projekat, menja fajlove, pokreće komande i testove i pokazuje šta se promenilo. U trenutku pisanja uključen je u Claude-ove plaćene planove i dostupan preko API-ja; za aktuelne planove pogledajte Anthropic sajt.

Tipična sesija vibe coding-a izgleda ovako:

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

Odlično za: programere i tehničke osnivače koji već imaju projekat, žele punu kontrolu nad stekom i rado ga sami pokreću i postavljaju. Jak je u izmenama preko više fajlova i u praćenju konvencija koje već postoje u kodnoj bazi.

Gde zahteva više rada: potrebno vam je razvojno okruženje, a Claude Code ništa ne hostuje. Baze, tajne, postavljanje i domeni su vaš posao. Za poređenje sa drugim alatima za programere pogledajte Cursor vs Windsurf vs Claude Code.

Navike koje dobro funkcionišu uz Claude Code

• Tražite plan pre velikih izmena. „Navedi korake i fajlove koje ćeš menjati, pa sačekaj.“
• Vodite fajl sa beleškama o projektu. Claude Code čita fajl sa memorijom projekta (CLAUDE.md) za konvencije, pa ih ne ponavljate.
• Pregledajte razliku. Čak i kada radite vibe coding, prođite kroz ono što se promenilo u osetljivim delovima: prijava, plaćanja, sve sa korisničkim podacima.
• Čuvajte često. Mali commit-ovi olakšavaju poništavanje loše izmene.

Opcija 3: Pravljenje i objavljivanje iz Claude-a uz Mythex

Ako vam se radi u Claude-u, ali želite pravu aplikaciju na kraju, sa bazom, prijavama, skladištem fajlova i javnom adresom, možete povezati Claude sa AI alatom za pravljenje aplikacija preko MCP-a, protokola koji Claude-u omogućava da koristi alate hostovane negde drugde. (Šta je MCP objašnjava to jednostavno.)

Mythex pokreće MCP server. Kada je povezan, Claude može da napravi Mythex projekat, napiše kod u privatnom cloud sandbox-u, pokrene živi pregled, priključi bazu i skladište fajlova i objavi aplikaciju. Svaki rezultat uključuje link da pratite projekat uživo u Mythex-u.

Kako se povezati

1. U Mythex-u otvorite Account settings i kopirajte MCP URL: https://mcp.mythex.ai/mcp.
2. U Claude-u idite na Settings → Connectors → Add custom connector, nalepite URL i kliknite Connect.
3. Otvara se Mythex stranica. Prijavite se ako treba i izaberite Allow access. Nema API ključa za kopiranje.
4. Vratite se u Claude i zatražite šta želite.

Svako može da se poveže na bilo kom planu; alati za sandbox zahtevaju Mythex Pro (25 $ mesečno). Korišćenje Claude-a ostaje na vašem Claude planu, a vreme u sandbox-u, pregledi i hosting dolaze iz vaših Mythex kredita. Kompletan vodič je u tekstu pravljenje Mythex aplikacija iz Claude-a, Cursor-a ili Codex-a.

Prvi upit za probu

Koristeći Mythex, napravi novi projekat: jednostavan CRM za moj mali dizajn studio. Kontakti sa imenom, firmom, mejlom, telefonom, fazom (potencijalni, aktivan, prošli) i napomenama. Prikaz table po fazi gde mogu da prevlačim kontakte između kolona i polje za pretragu. Dodaj bazu da podaci ostanu sačuvani i prijavu da samo ja to vidim. Pokreni pregled i pošalji mi link kada radi.

Zatim iterirajte u istom razgovoru, jednu izmenu po jednu:

U Mythex projektu dodaj datum „sledeći kontakt“ kontaktima i listu na početnom ekranu sa kontaktima za ovu nedelju. Proveri to u pregledu.

Objavi CRM i daj mi živu adresu.

Odlično za: ljude koji najbolje razmišljaju u Claude-u i žele rezultat hostovan, sa bazom, bez podešavanja servera. Možete i da menjate: počnete u Claude-u, a nastavite u Mythex chatu, ili obrnuto, jer je to isti projekat.

Koji da koristite?

Saveti za upite koji su važniji uz Claude

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

• Recite šta ne treba menjati. „Zadrži raspored i boje; promeni samo proveru validacije formulara.“
• Dajte definiciju završetka. „Završeno znači da se novi kontakt sačuva, pojavi na tabli i ostane posle osvežavanja.“
• Zamolite ga da proveri svoj rad. U Claude Code-u to znači pokretanje testova; uz Mythex to znači proveru živog pregleda ili pokretanje testa u pregledaču.
• Tražite objašnjenja običnim rečima kada ne razumete neku izmenu. To je najbrži način da naučite šta vaša aplikacija radi.

Naš spisak upita za vibe coding ima 30 upita koji rade u sva tri podešavanja.

Napomene o bezbednosti za sva tri

• Ne lepite prave API ključeve ili lozinke u Claude razgovor. Uz Mythex, tajne idu u podešavanja tajni projekta, a Claude može da vidi njihove nazive, ali ne i vrednosti.
• Pre objavljivanja proverite ko šta može da vidi. „Može li prijavljeni korisnik da otvori tuđe zapise?“ je prvo pitanje koje treba postaviti.
• Pregledajte osetljiv kod. Claude je sposoban programer, ali kod vibe coding-a znači da ne čitate svaki red, pa izaberite redove koji su važni. Pogledajte da li je vibe coding bezbedan.

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

Pitanja