Ibbrawżja mijiet ta' ħiliet lesti għal Claude, Cursor, u aktar.
Što je Vibe kodiranje? Odgovor u 50 riječi
Vibe kodiranje je izgradnja softvera opisivanjem onoga što želite jezikom koji svi razumiju AI poput Claudea ili Cursor, umjesto pisanjem koda redak po redak. Andrej Karpathy je skovao taj pojam u veljači 2025. Do kraja te godine, Collins Dictionary ga je proglasio Riječ godine. Rezultat je stvarna, funkcionalna aplikacija, igra ili interaktivna scena.
Za netehničke kreatore, vibe kodiranje vas dovodi 80% do gotovog proizvoda. Preostalih 20% (testirana rješenja, obrasci koji zapravo pretvaraju posjetitelje u kupce, skela za vještine temeljene na vibracijama) je upravo ono što Vibe Skills pakira kako ne biste svaki projekt započinjali s praznog prozora.
Ibbrawżja mijiet ta' ħiliet lesti għal Claude, Cursor, u aktar.
Odakle potječe pojam (i zašto se zadržao)
Andrej Karpathy je objavio pojam na X 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 popularan izraz. Do prosinca 2025. bio je Riječ godine Collins English Dictionarya.
Razlog zašto je postao popularan za 12 mjeseci:
- AI asistenti za kodiranje postali su drastično bolji krajem 2024. i početkom 2025.
- Alati poput Cursor, Lovable, Bolt i Claude Code prestali su biti samo dovršavanje koda i postali su "opisi značajku, dobij značajku".
- Netehnički korisnici (dizajneri, osnivači, marketinški stručnjaci) počeli su isporučivati stvarne aplikacije, a da nikada nisu otvorili vodič za sintaksu.
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 na jednostavnom engleskom.
Ibbrawżja mijiet ta' ħiliet lesti għal Claude, Cursor, u aktar.
Kako zapravo funkcionira Vibe kodiranje (u 4 koraka)
Vibe kodiranje je razgovor, a ne sesija kodiranja. Petlja je ista bez obzira gradite li odredišnu stranicu, preglednik igru ili 3D preglednik proizvoda. Evo tipičnog protoka koji kreatori koriste 2026.:
Korak 1: Opisati ishod
Otvorite Cursor, Claude Code, Lovable ili Bolt. Napišite što želite jednostavnim jezikom. Primjer: "Izgradi mi jednosobni odredišni sajt za podcast pod nazivom Quiet Hours, tamne boje, velikim serifnim naslovom, ugrađenim audio playerom i obrascem za pretplatu koji prikuplja e-mailove."
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 instaliranja 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 boju kremom i narančastom", "dodaj odjeljak koji navodi prošle epizode". AI čita vlastiti kod, uređuje pravo mjesto, ponovno pokreće pregled.
Korak 4: Isporuka
Kliknite isporuči. 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 zapravo Vibe kodiranje (Hint: Ne samo za programere)
Vibe kodiranje je prvenstveno napravljeno za netehničke kreatore. Izvorno je Karpathy razgovarao 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 prezentacije.
- Dizajneri koji svoje Figma datoteke pretvaraju u žive interaktivne stranice bez predaje developeru.
- Marketinški stručnjaci koji popodne grade mikro-alate (kalkulatore, kvizove, procjenitelje povrata ulaganja) kao alate za generiranje potencijalnih kupaca.
- Kreatori sadržaja koji isporučuju preglednik igre, interaktivne demo verzije i čudne sporedne projekte koji postaju viralni.
- Solo graditelji SaaS-a koji idu od nule do 10 tisuća MRR-a vibrirajući prvu verziju proizvoda.
Dokazni elementi su glasni. Pieter Levels je isporučio preglednik igre za više igrača koristeći Cursor i Grok 3 koji je postigao 1 milijun dolara godišnjeg prihoda za 17 dana. Lovable, platforma za vibe kodiranje lansirana 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.
Uzorak je jasan: ljudi koji pobjeđuju u vibe kodiranju nisu nužno najbolji koderi. Oni su najbolji u opisivanju onoga što žele.
Što ljudi zapravo isporučuju pomoću Vibe kodiranja
Nije svaki rezultat SaaS aplikacija. Većina vibe kodiranih projekata pada u 3 vizualne kategorije, od kojih se sve preslikavaju 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 generiranje potencijalnih kupaca, portfelji osnivača, besplatni alati | /category/web-ui |
| Preglednik igre i igrivi demo | Three.js arkadne igre, eksperimenti za više igrača, brendirane mini-igre | /category/3d-games |
| Interaktivne 3D scene i preglednici proizvoda | Konfiguratori, 3D junaci, izlozi proizvoda, scene pokrenute skrolanjem | /category/interactive-3d |
Svaka Vibe Skills kategorija ima 30+ gotovih vještina dizajniranih za točno ciljani rezultat koji pokušavate isporučiti. Ne počinjete s praznog prozora za razgovor. Instalirate vještinu koja već zna kako izgleda dobro za taj 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% do cilja. Posljednjih 20% je ono gdje se većina netehničkih kreatora zaglavi, a također je i mjesto gdje se većina projekata napušta. Evo stvarnih načina neuspjeha:
- Paraliza praznog prozora. Otvorite Cursor ili Lovable i nešto napišete. AI isporučuje v1. Radi. Ali izgleda generički, raspored je pogrešan i ne znate kako tražiti pravu stvar.
- Nema referentne točke za ukus. AI ne zna vaš brend, vašu publiku ili što "dobro" izgleda u vašoj kategoriji. Dakle, prosječava i daje vam blijedu verziju.
- Dug iteracije. Svaki novi projekt započinje od nule. Ponovno opisujete iste obrasce (tamna boja, veliki serifni naslov, ljepljivi izbornik, animirani CTA) iznova i iznova.
- Razmak u poliranju. Prva verzija je funkcionalna. Isporučena verzija zahtijeva ispravke razmaka, pristupačnosti, pravila za mobilne uređaje i završni dizajnerski pregled koji ne znate kako tražiti.
Ovo je jaz koji AI vještine popunjavaju. Vještina je upakiran 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 pravom strukturom hero sekcije, ispravnim postavljanjem CTA-a, ispravnim prijelomnim točkama za mobilne uređaje i ispravnim vizualnim ritmom. Vibe kodirate s čvrste početne točke, a ne od nule.
Rezultat: umjesto da se borite s AI-jem 6 sati da dobijete odredišnu stranicu koja pretvara posjetitelje u kupce, isporučite je za 30 minuta koja već pretvara.
Vibe kodiranje naspram AI vještina: Gdje se nalaze
Vibe kodiranje je metoda. AI vještine su predlošci koji čine da se metoda brže isporučuje. Evo iskrenog usporedbe:
| Dimenzija | Čisto vibe kodiranje | Vibe kodiranje + AI vještine |
|---|---|---|
| Početna točka | Prazan prozor za razgovor | Predgotov radni proces s ugrađenom strukturom |
| Vrijeme do prve upotrebljive v1 | 30 - 90 min | 5 - 15 min |
| Vizualni ukus | Što god AI zadano ponudi | Kurirano od strane dizajnera za kategoriju |
| Poliranje za mobilne uređaje + pristupačnost | Otkrivate nedostatke nakon lansiranja | Već obrađeno u vještini |
| Ponovna upotreba obrazaca u projektima | Opisivati ponovno svaki put | Instalirati jednom, koristiti zauvijek |
| Trošak po projektu | 0 USD za alate, sati vašeg vremena | Fiksna pretplata, minute vašeg vremena |
| Kvaliteta izlaza u v1 | "Radi" | "Isporuka" |
Vibe kodiranje je glagol. AI vještine su kuharica. Možete vibe kodirati bez vještina. Samo provedete više sati i isporučite manje poliran rezultat.
5 koraka za početak Vibe kodiranja ovaj tjedan
Vibe kodiranje ima najnižu krivulju učenja od bilo koje kreativne vještine 2026. Možete isporučiti stvaran, uživo 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. Sve četiri rade s vještinom koju ste instalirali.
- Opisati ishod u 2 - 3 rečenice. Što je projekt? Za koga je? Koja je jedina akcija koju bi posjetitelj trebao poduzeti? Vještina popunjava strukturne zadane postavke; vaš opis popunjava specifičnosti.
- Iterirati jednostavnim jezikom. Ne otvarajte datoteke s kodom. Reagirajte na ono što vidite ("učini da junak djeluje smirenije", "zamijeni drugi odjeljak za svjedočanstva", "dodaj ljepljivi CTA na mobilnom uređaju") i dopustite AI-ju da obavi povezivanje.
- Isporuka i mjerenje. Isporučite na pravi URL isti dan. 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 s vibe kodiranjem nisu oni s najboljim uputama. Oni su oni koji isporučuju najviše v1.
Započnite s Web & UI vještinom na Vibe Skills →
Često postavljana pitanja
Trebam li znati kodirati da bih započeo s vibe kodiranjem?
Ne. Vibe kodiranje je napravljeno tako da netehnički kreatori mogu isporučiti radne aplikacije, igre i 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š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ćuje netehničkim kreatorima da isporučuju; vibe kodiranje pruža veću fleksibilnost nakon što prerastete osnove.
Mogu li stvarno isporučiti stvarnu, plaćenu aplikaciju na ovaj način?
Da. Pieter Levels je isporučio preglednik igre za više igrača izgrađen s Cursorom i Grok 3 koji je postigao milijun dolara godišnjeg prihoda za 17 dana. Lovable je prešao od nule do 100 milijuna dolara ARR-a za 8 mjeseci. Anthropic je izgradio Claude Cowork za 10 dana. Uzorak: odaberite pravi alat, instalirajte pravu AI vještinu na Vibe Skills, isporučite v1 za jedan dan, iterirajte na temelju stvarnih korisnika.
Koji alati mi trebaju da započnem?
Treba vam jedan AI alat za kodiranje i jedna AI vještina. Za netehničke korisnike, Lovable ili Bolt su najlakši ulazni koraci (temeljeno na pregledniku, nulta postavka). Za više kontrole, Cursor i Claude Code su standard. Upotpunite alat s Vibe Skills vještinom za format koji isporučujete (odredišna stranica, igra, 3D scena). To je cijeli stack.
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, pokrećete projekt, otklanjate pogreške i ponavljate. Alati za vibe kodiranje (Cursor, Lovable, Claude Code) su integrirana okruženja. AI vidi cijeli vaš projekt, izravno uređuje datoteke, pokreće kod za vas i odmah prikazuje rezultat. Razlika je sati 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 pogreškama, pristupačnost i sigurnosne detalje koje bi iskusni programer primijetio. AI vještine pomažu ugrađivanjem tih obrazaca od početka: vještina odredišne stranice na Vibe Skills isporučuje se s prijelomnim točkama za mobilne uređaje, semantičkim HTML-om i validacijom obrasca koja je već povezana. Za stvarne produkcijske aplikacije s korisnicima, uparite vibe kodiranje s AI vještinom i završnim pregledom.
Hoće li vibe kodiranje zamijeniti programere?
Za složene sustave (veliki SaaS backendovi, infrastruktura, radovi kritični 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 programere. 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 pravi, radni web proizvod 2026. Kvaka je u tome što verzija s praznim prozorom još uvijek traje satima i daje generički rezultat. AI vještine popravljaju oboje: instalirajte jednu, vibe kodirajte s čvrste početne točke, isporučite poliran v1 za 30 minuta.
Pregledajte vibe kodne vještine na vibeaiskills.com →
Prestanite zuriti u prazan prozor. Instalirajte Vibe Skills vještinu i vibe kodirajte svoj prvi isporučeni projekt ovog vikenda.