Pregledajte stotine gotovih vještina za Claude, Cursor i više.
Što je Vibe kodiranje? Odgovor od 50 riječi
Vibe kodiranje je izrada softvera opisivanjem onoga što želite jednostavnim jezikom AI-ju poput Claude 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 stvarna, radna aplikacija, igra ili interaktivna scena.
Za netehničke kreatore, vibe kodiranje vas dovodi 80% puta do gotovog proizvoda. Posljednjih 20% (ispitani rasporedi, uzorci koji zapravo pretvaraju, AI-vještinski sklopovi) je upravo ono što Vibe Skills pakira kako ne biste svaki projekt započeli iz praznog prozora.
Pregledajte stotine gotovih vještina za Claude, Cursor i više.
Odakle potječe termin (i zašto se zadržao)
Andrej Karpathy objavio je termin na X-u 2. veljače 2025. Opisao je način rada s AI alatima za kodiranje gdje se "potpuno prepuštate vibracijama, prihvaćate eksponencijale i zaboravljate 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 Dictionarya.
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 automatsko dovršavanje i postali su "opiši značajku, dobij značajku".
- Netehnički korisnici (dizajneri, osnivači, trgovci) počeli su isporučivati stvarne aplikacije bez da su ikada otvorili udžbenik o sintaksi.
Vibracija u vibe kodiranju je namjera. Opisujete osjećaj onoga što želite. AI se brine za sintaksu. Čitate rezultat, reagirate i tražite sljedeću promjenu jednostavnim engleskim jezikom.
Pregledajte stotine gotovih vještina za Claude, Cursor i više.
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. Ovo je tipičan tijek koji kreatori koriste 2026. godine:
Korak 1: Opisati ishod
Otvorite Cursor, Claude Code, Lovable ili Bolt. Napišite ono što želite jednostavnim jezikom. Primjer: "Napravi mi odredišnu stranicu na jednoj stranici za podcast pod nazivom Quiet Hours, tamnu temu, veliki naslov sa serifsom, ugrađeni audio player i obrazac za pretplatu koji prikuplja e-poštu."
Korak 2: Neka AI generira v1
AI piše cijeli projekt (HTML, CSS, JavaScript, ponekad backend) i pokreće ga. Vidite pregled uživo u 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 kremastom i narančastom", "dodaj odjeljak koji navodi prošle epizode". AI čita svoj vlastiti kod, uređuje ispravno mjesto, ponovno pokreće pregled.
Korak 4: Isporuka
Kliknite na isporuku. Alat postavlja projekt na URL uživo. Neki alati (Lovable, Bolt) povezuju vlastitu 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 (Hint: Ne samo za programere)
Vibe kodiranje je prvo napravljeno za netehničke kreatore. Izvorni koncept bio je Karpathy koji razgovara s inženjerima, ali publika koja je eksplodirala trend 2026. je suprotna. Danas je tipični vibe koder jedna od ovih osoba:
- Osnivači bez CTO-a koji preko noći grade MVP odredišne stranice, demo aplikacije i prototipove za prezentaciju.
- Dizajneri koji svoje Figma datoteke pretvaraju u žive interaktivne stranice, a da ih ne predaju razvoju.
- Trgovci koji u popodnevnim satima grade mikro-alate (kalkulatori, kvizovi, procjene povrata ulaganja) kao privlačenje potencijalnih kupaca.
- Kreatori sadržaja koji isporučuju pregledničke igre, interaktivne demo verzije i čudne sporedne projekte koji postaju viralni.
- Samostalni SaaS graditelji koji od nule do 10.000 USD mjesečnog prihoda prelaze vibrirajuć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 u 17 dana postigla 1 milijun USD godišnjeg prihoda. Lovable, platforma za vibe kodiranje pokrenuta 2024. godine, postigla je 100 milijuna USD ARR u 8 mjeseci. Anthropic je izgradio Claude Cowork (desktop aplikaciju) za 10 dana koristeći vlastiti Claude Code.
Obrazac je jasan: ljudi koji pobjeđuju u vibe kodiranju nisu nužno najbolji programeri. Oni su najbolji u opisivanju onoga što žele.
Što ljudi zapravo isporučuju s Vibe kodiranjem
Nisu svi rezultati SaaS aplikacije. 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 potencijalnih kupaca, portfelji osnivača, besplatni alati | /category/web-ui |
| Pregledničke igre i igrivi demo zapisi | 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 junaci, izlozi 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 počinjete iz praznog prozora za razgovor. Instalirate vještinu koja već zna kako dobro izgleda za format.
Pregledajte kategoriju Web & UI dizajn 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. Ovo su stvarne greške:
- Paraliza praznog prozora. Otvorite Cursor ili Lovable i nešto upišete. AI isporučuje v1. Radi. Ali izgleda generički, raspored je pogrešan, a vi ne znate kako tražiti pravu stvar.
- Nema referentnog ukusa. AI ne zna vaš brend, vašu publiku ili što "dobro" izgleda u vašoj kategoriji. Dakle, prosječuje i daje vam blagu verziju.
- Dug za iteraciju. Svaki novi projekt počinje iznova. Ponavljate opisivanje istih obrazaca (tamna tema, veliki naslov sa serifsom, fiksni navigacijski izbornik, animirani CTA) iznova i iznova.
- Razmak u poliranju. Prva verzija je funkcionalna. Isporučena verzija zahtijeva ispravke razmaka, pristupačnosti, mobilna pravila i konačni dizajnerski prolaz za koji ne znate kako tražiti.
Ovo je jaz koji AI vještine zatvaraju. Vještina je pakirani radni proces koji već poznaje obrasce za određeni izlaz. Instalirate vještinu "SaaS Landing Page" na Vibe Skills, a AI započinje projekt s ispravnom strukturom heroja, ispravnim postavljanjem CTA, ispravnim mobilnim prekidnim točkama i ispravnim vizualnim ritmom. Vibrirate kodiranje od jake početne točke umjesto od nule.
Rezultat: umjesto da se 6 sati borite s AI-jem da dobijete odredišnu stranicu koja pretvara, isporučite je za 30 minuta koja već pretvara.
Vibe kodiranje protiv AI vještina: Gdje se nalaze
Vibe kodiranje je metoda. AI vještine su predlošci koji čine metodu bržom za isporuku. Evo iskrenog usporedbe:
| Dimenzija | Čisto vibe kodiranje | Vibe kodiranje + AI vještine |
|---|---|---|
| Početna točka | Prazan prozor za razgovor | Prethodno izgrađen radni proces s ugrađenom strukturom |
| Vrijeme do prve upotrebljive v1 | 30 - 90 min | 5 - 15 min |
| Vizualni ukus | Što god AI zadano postavi | Kurirao dizajner za kategoriju |
| Poliranje za mobilne uređaje i pristupačnost | Otkrivate nedostatke nakon lansiranja | Već obrađeno u vještini |
| Ponovna upotreba obrazaca u projektima | Ponavljate opis svaki put | Instalirajte jednom, ponovno koristite zauvijek |
| Trošak po projektu | 0 USD u alatima, sati vašeg vremena | Fiksna pretplata, minute vašeg vremena |
| Kvaliteta izlaza na v1 | "Radi" | "Isporučuje se" |
Vibe kodiranje je glagol. AI vještine su knjiga recepata. Možete vibe kodirati bez vještina. Samo trošite više sati i isporučujete manje poliran rezultat.
5 koraka za početak Vibe kodiranja ovog tjedna
Vibe kodiranje ima najnižu krivulju učenja od bilo koje kreatorske vještine u 2026. godini. Možete isporučiti stvarni, živi projekt ovog vikenda ako slijedite ovu petlju:
- Odaberite odgovarajuću AI vještinu na Vibe Skills. Pregledajte Web & UI dizajn, 3D igre ili Interaktivni 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. Sve č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 postavke; vaš opis popunjava specifičnosti.
- Iterirajte jednostavnim jezikom. Ne otvarajte datoteke s kodom. Reagirajte na ono što vidite ("učini da se junak osjeća smirenije", "zamijeni drugi odjeljak svjedočanstvima", "dodaj fiksni CTA na mobilnom uređaju") i dopustite AI-ju da obavi povezivanje.
- Isporučite i izmjerite. Odmah postavite na stvarni URL istog dana. Pošaljite ga 5 ljudi. Gledajte što rade. Petlja vibe kodiranja je dovoljno brza da biste trebali isporučiti v1 u roku od 24 sata od početka.
Kreatori koji pobjeđuju u vibe kodiranju nisu oni s najboljim uputama. Oni su oni koji isporučuju najviše v1.
Započnite s vještinom Web & UI na Vibe Skills →
Često postavljana pitanja
Trebam li znati kodirati da bih započeo vibe kodiranje?
Ne. Vibe kodiranje je napravljeno tako da netehnički kreatori mogu isporučiti radne aplikacije, igre i web-mjesta 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šite. Za gotove početne 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 važna: "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 daje više fleksibilnosti kada prerastete osnove.
Mogu li stvarno isporučiti pravi, plaćeni program na ovaj način?
Da. Pieter Levels isporučio je pregledničku igru za više igrača izrađenu pomoću Cursor i Grok 3 koja je postigla milijun USD godišnjeg prihoda za 17 dana. Lovable je od nule do 100 milijuna USD ARR u 8 mjeseci. Anthropic je izgradio Claude Cowork za 10 dana. Obrazac: odaberite pravi alat, instalirajte pravu AI vještinu na Vibe Skills, isporučite v1 za dan, iterirajte na temelju stvarnih korisnika.
Koji su mi alati potrebni za početak?
Potreban vam je jedan AI alat za kodiranje i jedna AI vještina. Za netehničke korisnike, Lovable ili Bolt su najlakši ulazni točki (temeljeni na pregledniku, nulta postavka). Za više kontrole, Cursor i Claude Code su standard. Upari alat s vještinom Vibe Skills za format koji isporučujete (odredišna stranica, igra, 3D scena). To je cijeli sklop.
Koja je razlika između vibe kodiranja i korištenja ChatGPT-a za pisanje koda?
ChatGPT vam daje isječke koda u prozoru za razgovor. Kopirate ih, shvatite gdje idu, popravite uvoze, pokrenete projekt, otklonite pogreške i ponovite. Alati za vibe kodiranje (Cursor, Lovable, Claude Code) integrirana su okruženja. AI vidi cijeli vaš projekt, uređuje datoteke izravno, pokreće kod za vas i odmah prikazuje rezultat. Razlika su sati po iteraciji u odnosu na minute.
Hoće li vibe kodirani projekti biti neispravni u produkciji?
Mogu, i to je iskren kompromis. Čisti vibe kodirani projekti često preskaču detalje obrade grešaka, pristupačnosti i sigurnosti koje bi iskusni programer uhvatio. AI vještine pomažu ugrađivanjem tih obrazaca od početka: vještina odredišne stranice na Vibe Skills isporučuje se s mobilnim prekidnim točkama, semantičkim HTML-om i provjerom obrazaca koja je već povezana. Za stvarne produkcijske aplikacije s korisnicima, uparite vibe kodiranje s AI vještinom i konačnom revizijom.
Hoće li vibe kodiranje zamijeniti programere?
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 izrađuje. Dizajneri, osnivači i trgovci sada sami isporučuju te projekte umjesto da unajmljuju ili čekaju na red čekanja za razvoj. Taj udio raste svaki kvartal.
Spremni isporučiti svoj prvi vibe kodirani projekt?
Vibe kodiranje je najbrži način za netehničke kreatore da isporuče stvarni, radni web proizvod 2026. godine. Kvaka je u tome što verzija s praznim prozorom još uvijek traje satima i daje generički rezultat. AI vještine rješavaju oboje: instalirajte jednu, vibe kodirajte od jake početne točke, isporučite poliranu v1 za 30 minuta.
Pregledajte vještine vibe kodiranja na vibeaiskills.com →
Prestanite zuriti u prazan prozor. Instalirajte vještinu Vibe Skills i vibe kodirajte svoj prvi isporučeni projekt ovog vikenda.