Праглядзіце сотні гатовых навыкаў для Claude, Cursor і іншых.
Što je Vibe kodiranje? Odgovor od 50 riječi
Vibe kodiranje je izgradnja softvera opisivanjem onoga što želite jednostavnim jezikom umjetnoj inteligenciji poput Claudea ili Cursor, umjesto pisanjem koda redak po redak. Andrej Karpathy skovao je ovaj termin u veljači 2025. Do kraja te godine, Collins Dictionary proglasio ga je Riječju godine. Rezultat je prava, funkcionalna aplikacija, igra ili interaktivna scena.
Za netehničke kreatore, vibe kodiranje omogućuje vam da postignete 80% puta do gotovog proizvoda. Posljednjih 20% (testirani rasporedi, uzorci koji zapravo pretvaraju posjetitelje, AI-vještina skela) upravo je ono što Vibe Skills pakira kako ne biste svaki projekt započeli iz praznog prozora.
Праглядзіце сотні гатовых навыкаў для Claude, Cursor і іншых.
Odakle potječe termin (i zašto se zadržao)
Andrej Karpathy objavio je termin na X 2. veljače 2025. Opisao je način rada s AI alatima za kodiranje gdje se "potpuno prepustite vibracijama, prihvatite eksponencijale i zaboravite da kod uopće postoji." U roku od mjesec dana, Merriam-Webster ga je označio kao sleng i trendujući izraz. Do prosinca 2025. bio je Riječ godine Collins English Dictionaryja.
Razlog zašto je zaživio u 12 mjeseci:
- AI asistenti za kodiranje dramatično su se poboljšali krajem 2024. i početkom 2025.
- Alati poput Cursor, Lovable, Bolt i Claude Code prestali su biti samo nadopuna teksta i postali su "opišite značajku, dobijte značajku".
- Nedevoperi (dizajneri, osnivači, marketinški stručnjaci) počeli su isporučivati prave aplikacije bez da su ikada otvorili tutorijal za sintaksu.
Vibracija u vibe kodiranju je namjera. Opisujete osjećaj onoga što želite. AI obrađuje sintaksu. Vi čitate rezultat, reagirate i tražite sljedeću promjenu jednostavnim engleskim jezikom.
Праглядзіце сотні гатовых навыкаў для Claude, Cursor і іншых.
Kako Vibe kodiranje zapravo funkcionira (u 4 koraka)
Vibe kodiranje je razgovor, a ne sesija kodiranja. Petlja je ista bez obzira gradite li odredišnu stranicu, pregledničku igru ili 3D preglednik proizvoda. Evo tipičnog tijeka koji kreatori koriste 2026.:
Korak 1: Opisati ishod
Otvorite Cursor, Claude Code, Lovable ili Bolt. Upišite što želite jednostavnim jezikom. Primjer: "Izgradi mi odredišnu stranicu na jednoj stranici za podcast pod nazivom Quiet Hours, tamne teme, s velikim serif naslovom, ugrađenim audio playerom i obrascem za pretplatu koji prikuplja e-poštu."
Korak 2: Neka AI generira v1
AI piše cijeli projekt (HTML, CSS, JavaScript, ponekad i backend) i pokreće ga. Vidite pregled uživo u roku od nekoliko sekundi. Nema postavljanja. Nema instalacija paketa. Nema "otvori terminal".
Korak 3: Reagirati jednostavnim jezikom
Ne otvarate datoteku s kodom. Kažete stvari poput: "učini naslov dvostruko većim", "zamijeni tamnu temu kremom i narančastom", "dodaj odjeljak koji navodi prošle epizode". AI čita svoj vlastiti kod, uređuje pravo mjesto i ponovno pokreće pregled.
Korak 4: Dostaviti
Kliknite na dostavi. Alat postavlja projekt na URL uživo. Neki alati (Lovable, Bolt) povezuju prilagođenu domenu jednim klikom. Drugi (Cursor, Claude Code) šalju na Vercel ili Netlify.
Ključni pomak: prestajete razmišljati kao programer ("u koju datoteku ovo ide?") i počinjete razmišljati kao redatelj ("junak bi trebao djelovati smirenije").
Za koga je Vibe kodiranje zapravo namijenjeno (Nagovještaj: Ne samo za developere)
Vibe kodiranje je prvenstveno namijenjeno netehničkim kreatorima. Izvorni koncept bio je Karpathy koji razgovara s inženjerima, ali publika koja je eksplodirala trend 2026. je suprotna. Danas je tipični vibe kodera jedna od ovih osoba:
- Osnivači bez CTO-a koji preko noći grade MVP odredišne stranice, demo aplikacije i prototipove za prezentacije.
- Dizajneri koji svoje Figma datoteke pretvaraju u žive interaktivne stranice bez predaje developeru.
- Marketinški stručnjaci koji u popodnevnim satima grade mikro-alate (kalkulatore, kvizove, procjene povrata ulaganja) kao magnete za privlačenje potencijalnih kupaca.
- Kreatori sadržaja koji isporučuju pregledničke igre, interaktivne demo materijale i neobične sporedne projekte koji postanu viralni.
- Samostalni SaaS graditelji koji prelaze s nule na 10 tisuća dolara mjesečnog ponavljajućeg prihoda vibirajući prvu verziju proizvoda.
Dokazi su glasni. Pieter Levels isporučio je pregledničku igru za više igrača koristeći Cursor i Grok 3 koja je postigla 1 milijun dolara godišnjeg prihoda za 17 dana. Lovable, platforma za vibe kodiranje pokrenuta 2024., postigla je 100 milijuna dolara ARR-a za 8 mjeseci. Anthropic je izgradio Claude Cowork (desktop aplikaciju) za 10 dana koristeći svoj vlastiti Claude Code.
Obrazac je jasan: ljudi koji pobjeđuju u vibe kodiranju nisu nužno najbolji koderaši. Oni su najbolji u opisivanju onoga što žele.
Što se zapravo isporučuje Vibe kodiranjem
Nije svaka izlazna jedinica SaaS aplikacija. Većina vibe kodiranih projekata spada u 3 vizualne kategorije, od kojih se sve mapiraju na postojeće kategorije vještina na Vibe Skills:
| Vrsta izlaza | Kako izgleda | Kategorija Vibe Skills |
|---|---|---|
| Odredišne stranice, mikro-stranice, nadzorne ploče | Stranice za marketing, aplikacije za privlačenje kupaca, portfelji osnivača, besplatni alati | /category/web-ui |
| Pregledničke igre i igrivi demo materijali | Arcade igre u Three.js, eksperimenti za više igrača, brendirane mini-igre | /category/3d-games |
| Interaktivne 3D scene i preglednici proizvoda | Konfiguratori, 3D heroji, izlošci proizvoda, scene vođene skrolanjem | /category/interactive-3d |
Svaka kategorija Vibe Skills ima 30+ gotovih vještina dizajniranih za točan izlaz koji pokušavate isporučiti. Ne započinjete iz praznog prozora za chat. Instalirate vještinu koja već zna kako izgleda dobro za format.
Pregledajte kategoriju Web & UI Design na Vibe Skills →
Gdje Vibe kodiranje nailazi na zid (I gdje AI vještine pomažu)
Čisto vibe kodiranje vas dovodi 80% puta. Posljednjih 20% je mjesto gdje se većina netehničkih kreatora zaglavi, a također je i mjesto gdje se većina projekata napušta. Evo pravih načina neuspjeha:
- Paraliza praznog prozora. Otvorite Cursor ili Lovable i upišete nešto. AI isporučuje v1. Radi. Ali izgleda generično, raspored je pogrešan, i ne znate kako tražiti pravu stvar.
- Nema referentnog ukusa. AI ne poznaje vaš brend, vašu publiku ili što znači "dobro" u vašoj kategoriji. Stoga prosječi i daje vam blagu verziju.
- Dug iteracije. Svaki novi projekt započinje od nule. Ponovno opisujete iste obrasce (tamna tema, veliki serif naslov, ljepljivi navigacijski izbornik, animirani CTA) iznova i iznova.
- Praznina u poliranju. Prva verzija je funkcionalna. Dostavljena verzija zahtijeva ispravke razmaka, pristupačnosti, mobilna pravila i završni dizajnerski prolaz koji ne znate kako zatražiti.
Ovo je praznina koju zatvaraju AI vještine. Vještina je upakirani radni proces koji već poznaje obrasce za specifičan izlaz. Instalirate vještinu "SaaS Landing Page" na Vibe Skills, a AI započinje projekt s ispravnom strukturom heroja, ispravnim postavljanjem CTA-a, ispravnim mobilnim prekidima i ispravnim vizualnim ritmom. Vibe kodirate s jake polazne točke umjesto od nule.
Rezultat: umjesto da se borite s AI 6 sati kako biste dobili odredišnu stranicu koja pretvara posjetitelje u kupce, isporučujete je za 30 minuta koja već pretvara posjetitelje u kupce.
Vibe kodiranje protiv AI vještina: Gdje se nalaze
Vibe kodiranje je metoda. AI vještine su predlošci koji omogućuju bržu isporuku metode. Evo iskrenog usporedbe:
| Dimenzija | Čisto vibe kodiranje | Vibe kodiranje + AI vještine |
|---|---|---|
| Polazna točka | Prazan prozor za chat | Predizgrađen radni tok s ugrađenom strukturom |
| Vrijeme do prve upotrebljive v1 | 30 - 90 min | 5 - 15 min |
| Vizualni ukus | Ono što AI zadaje | Dizajnerski kurirano za kategoriju |
| Mobilno + poliranje pristupačnosti | Otkrivate praznine nakon lansiranja | Već obrađeno u vještini |
| Ponovno korištenje obrazaca kroz projekte | Ponovno opisujte svaki put | Instalirajte jednom, koristite zauvijek |
| Trošak po projektu | 0 dolara u alatima, sati vašeg vremena | Fiksna pretplata, minute vašeg vremena |
| Kvaliteta izlaza na v1 | "Radi" | "Dostavlja se" |
Vibe kodiranje je glagol. AI vještine su recept za kuhanje. Možete vibe kodirati bez vještina. Samo potrošite više sati i isporučite manje poliran rezultat.
5 koraka za početak Vibe kodiranja ovog tjedna
Vibe kodiranje ima najnižu krivulju učenja od bilo koje kreativne vještine 2026. Možete isporučiti pravi, živi projekt ovog vikenda ako slijedite ovu petlju:
- Odaberite ispravnu AI vještinu na Vibe Skills. Pregledajte Web & UI Design, 3D Games ili Interactive 3D ovisno o tome što želite isporučiti. Instalirajte vještinu koja odgovara vašem izlazu.
- Odaberite alat za vibe kodiranje. Za nulto postavljanje, odaberite Lovable ili Bolt. Za više kontrole, odaberite Cursor ili Claude Code. Sva četiri rade s instaliranom vještinom.
- Opisati ishod u 2 - 3 rečenice. Što je projekt? Za koga je? Koja je jedna radnja koju bi posjetitelj trebao poduzeti? Vještina popunjava strukturne zadane vrijednosti; vaš opis popunjava specifičnosti.
- Iterirati jednostavnim jezikom. Ne otvarajte datoteke s kodom. Reagirajte na ono što vidite ("učini da se heroj osjeća smirenije", "zamijeni drugi odjeljak svjedočanstvima", "dodaj ljepljivi CTA na mobitelu") i pustite AI da obavi povezivanje.
- Dostaviti i mjeriti. Dostavite na pravi URL isti dan. Pošaljite ga 5 osoba. Gledajte što rade. Petlja vibe kodiranja je dovoljno brza da biste v1 trebali isporučiti u roku od 24 sata od početka.
Kreatori koji pobjeđuju s vibe kodiranjem nisu oni s najboljim uputama. Oni su oni koji isporučuju najviše v1.
Počnite s vještinom Web & UI na Vibe Skills →
Često postavljana pitanja
Trebam li znati nešto koda da bih počeo vibe kodirati?
Ne. Vibe kodiranje je izgrađeno tako da netehnički kreatori mogu isporučivati funkcionalne aplikacije, igre i web stranice bez čitanja ili pisanja koda. Opisujete ishod jednostavnim jezikom, AI generira kod, a vi iterirate reagirajući na ono što vidite. Alati poput Lovable i Bolt ne zahtijevaju nikakvo postavljanje; samo pišete. Za gotove polazne točke, instalirajte vještinu s vibeaiskills.com.
Je li vibe kodiranje isto što i no-code?
Ne baš. No-code koristi vizualne graditelje s blokovima povuci i ispusti. Vibe kodiranje koristi AI za pisanje stvarnog koda na temelju vašeg opisa. Razlika je bitna: no-code vas zaključava na platformu, dok su vibe kodirani projekti stvarne baze koda koje posjedujete i možete ih hostirati bilo gdje. Oboje omogućuju netehničkim kreatorima isporuku; vibe kodiranje nudi veću fleksibilnost kada prerastete osnove.
Mogu li stvarno isporučiti pravu, plaćenu aplikaciju na ovaj način?
Da. Pieter Levels isporučio je pregledničku igru za više igrača izgrađenu s Cursorom i Grok 3 koja je postigla milijun dolara godišnjeg prihoda za 17 dana. Lovable je od nule postigao 100 milijuna dolara ARR-a za 8 mjeseci. Anthropic je izgradio Claude Cowork za 10 dana. Obrazac: odaberite pravi alat, instalirajte ispravnu AI vještinu na Vibe Skills, isporučite v1 za jedan dan, iterirajte na temelju stvarnih korisnika.
Koji su mi alati potrebni za početak?
Potreban vam je jedan alat za AI kodiranje i jedna AI vještina. Za nedevlopere, Lovable ili Bolt su najlakši ulazni koraci (temeljeni na pregledniku, bez postavljanja). Za više kontrole, Cursor i Claude Code su standard. Alat uparite s Vibe Skills vještinom za format koji isporučujete (odredišna stranica, igra, 3D scena). To je cijeli stog.
Koja je razlika između vibe kodiranja i korištenja ChatGPT-a za pisanje koda?
ChatGPT vam daje isječke koda u prozoru za chat. Kopirate ih, shvatite kamo idu, popravite uvoze, pokrenete projekt, otklonite greške i ponovite. Alati za vibe kodiranje (Cursor, Lovable, Claude Code) integrirana su okruženja. AI vidi cijeli vaš projekt, izravno uređuje datoteke, pokreće kod za vas i trenutno prikazuje rezultat. Razlika je u satima po iteraciji naspram minuta.
Hoće li vibe kodirani projekti propasti u produkciji?
Mogu, i to je iskren kompromis. Čisti vibe kodirani projekti često preskaču rukovanje greškama, pristupačnost i sigurnosne detalje koje bi iskusni programer uočio. AI vještine pomažu ugradnjom tih obrazaca od samog početka: vještina odredišne stranice na Vibe Skills dolazi s mobilnim prekidima, semantičkim HTML-om i provjerom valjanosti obrasca već postavljenima. Za stvarne produkcijske aplikacije s korisnicima, uparite vibe kodiranje s AI vještinom i konačnim pregledom.
Hoće li vibe kodiranje zamijeniti developere?
Za složene sustave (veliki SaaS backendovi, infrastruktura, rad kritičan za sigurnost), ne. Za 80% projekata koji su odredišne stranice, interni alati, prototipovi, marketinške mikro-stranice i sporedni projekti kreatora, vibe kodiranje je već promijenilo tko ih gradi. Dizajneri, osnivači i marketinški stručnjaci sada sami isporučuju te projekte umjesto da unajmljuju ili čekaju red za developere. Taj udio raste svaki kvartal.
Spremni za isporuku vašeg prvog Vibe kodiranog projekta?
Vibe kodiranje je najbrži način za netehničke kreatore da isporuče pravi, funkcionalni web proizvod 2026. godine. Caka je u tome što verzija s praznim prozorom i dalje traje satima i daje generički izlaz. AI vještine to popravljaju: instalirajte jednu, vibe kodirajte s jake polazne točke, isporučite poliranu v1 za 30 minuta.
Pregledajte vještine za vibe kodiranje na vibeaiskills.com →
Prestanite zuriti u prazan prozor. Instalirajte vještinu Vibe Skills i vibe kodirajte svoj prvi isporučeni projekt ovog vikenda.