Blader door honderden kant-en-klare vaardigheden voor Claude, Cursor en meer.
Wat is Vibe Coding? Het antwoord in 50 woorden
Vibe coding is het bouwen van software door in gewone taal te beschrijven wat je wilt aan een AI zoals Claude of Cursor, in plaats van regel voor regel code te schrijven. Andrej Karpathy bedacht de term in februari 2025. Tegen het einde van dat jaar riep Collins Dictionary het uit tot Woord van het Jaar. Het resultaat is een echte, werkende app, game of interactieve scène.
Voor niet-technische makers brengt vibe coding je 80% van de weg naar een afgewerkt product. De laatste 20% (geteste lay-outs, de patronen die daadwerkelijk converteren, de AI-vaardigheden infrastructuur) is precies wat Vibe Skills verpakt, zodat je niet elk project vanuit een leeg venster begint.
Blader door honderden kant-en-klare vaardigheden voor Claude, Cursor en meer.
Waar de term vandaan kwam (En waarom hij bleef hangen)
Andrej Karpathy plaatste de term op X op 2 februari 2025. Hij beschreef een manier van werken met AI-codeertools waarbij je "je volledig overgeeft aan de vibes, exponenten omarmt en vergeet dat de code überhaupt bestaat." Binnen een maand bestempelde Merriam-Webster het als een slang en trending uitdrukking. Tegen december 2025 was het het Woord van het Jaar van Collins English Dictionary.
De reden dat het binnen 12 maanden aansloeg:
- AI-codeerassistenten werden dramatisch beter eind 2024 en begin 2025.
- Tools zoals Cursor, Lovable, Bolt en Claude Code stopten met autocompletion en werden "beschrijf een functie, krijg een functie".
- Niet-ontwikkelaars (ontwerpers, oprichters, marketeers) begonnen echte apps te leveren zonder ooit een syntax tutorial te openen.
De vibe in vibe coding is de intentie. Je beschrijft het gevoel van wat je wilt. De AI regelt de syntax. Je leest het resultaat, reageert en vraagt om de volgende wijziging in platte taal.
Blader door honderden kant-en-klare vaardigheden voor Claude, Cursor en meer.
Hoe Vibe Coding Werkelijk Werkt (in 4 stappen)
Vibe coding is een gesprek, geen programmeersessie. De cyclus is hetzelfde, of je nu een landingspagina, een browsergame of een 3D productviewer bouwt. Hier is de typische stroom die makers in 2026 gebruiken:
Stap 1: Beschrijf het resultaat
Open Cursor, Claude Code, Lovable of Bolt. Typ wat je wilt in platte taal. Voorbeeld: "Bouw me een landingssite van één pagina voor een podcast genaamd Quiet Hours, donker thema, grote serif kop, een ingebouwde audiospeler, en een abonnementsformulier dat e-mails verzamelt."
Stap 2: Laat de AI v1 genereren
De AI schrijft het volledige project (HTML, CSS, JavaScript, soms een backend) en voert het uit. Je ziet binnen enkele seconden een live preview. Geen setup. Geen pakketinstallaties. Geen "open de terminal".
Stap 3: Reageer in platte taal
Je opent het codebestand niet. Je zegt dingen als: "maak de kop twee keer zo groot", "wissel het donkere thema in voor crème en oranje", "voeg een sectie toe die eerdere afleveringen opsomt". De AI leest zijn eigen code, bewerkt de juiste plek, herimplementeert de preview.
Stap 4: Leveren
Klik op deploy. De tool plaatst het project op een live URL. Sommige tools (Lovable, Bolt) verbinden een aangepast domein met één klik. Andere (Cursor, Claude Code) pushen naar Vercel of Netlify.
De belangrijkste verschuiving: je stopt met denken als een programmeur ("in welk bestand komt dit?") en begint te denken als een regisseur ("de held moet rustiger aanvoelen").
Voor Wie Vibe Coding Werkelijk Is (Hint: Niet Alleen Ontwikkelaars)
Vibe coding is in de eerste plaats gemaakt voor niet-technische makers. De oorspronkelijke formulering was Karpathy die met ingenieurs sprak, maar het publiek dat de trend in 2026 deed exploderen, is het tegenovergestelde. Vandaag de dag is de typische vibe coder een van deze personen:
- Oprichters zonder CTO die 's nachts MVP-landingspagina's, demo-apps en pitch-day prototypes bouwen.
- Ontwerpers die hun Figma-bestanden omzetten in live interactieve sites zonder ze aan een ontwikkelaar over te dragen.
- Marketeers die micro-tools (calculators, quizzes, ROI-schatters) als lead magnets bouwen in een middag.
- Contentmakers die browsergames, interactieve demo's en vreemde bijprojecten leveren die viraal gaan.
- Solo SaaS-bouwers die van nul naar $10k MRR gaan door de eerste versie van een product te "vibben".
De bewijspunten zijn luid. Pieter Levels leverde een multiplayer browsergame met Cursor en Grok 3 die in 17 dagen $1 miljoen jaarlijkse omzet opleverde. Lovable, een vibe coding platform gelanceerd in 2024, bereikte $100 miljoen ARR in 8 maanden. Anthropic bouwde Claude Cowork (een desktop app) in 10 dagen met hun eigen Claude Code.
Het patroon is duidelijk: de mensen die winnen met vibe coding zijn niet per se de beste programmeurs. Zij zijn het best in het beschrijven van wat ze willen.
Wat Mensen Werkelijk Leveren met Vibe Coding
Niet elke output is een SaaS-app. De meeste vibe-gecodeerde projecten vallen in 3 visuele categorieën, die allemaal corresponderen met bestaande vaardigheidscategorieën op Vibe Skills:
| Output type | Wat het eruitziet | Vibe Skills categorie |
|---|---|---|
| Landingspagina's, micro-sites, dashboards | Marketingpagina's, lead-magnet apps, founder portfolio's, gratis tools | /category/web-ui |
| Browsergames en speelbare demo's | Three.js arcade games, multiplayer experimenten, branded mini-games | /category/3d-games |
| Interactieve 3D-scènes en productviewers | Configurators, 3D helden, product showcases, scroll-gestuurde scènes | /category/interactive-3d |
Elke Vibe Skills categorie heeft meer dan 30 kant-en-klare vaardigheden ontworpen voor de exacte output die je probeert te leveren. Je begint niet met een leeg chatvenster. Je installeert een vaardigheid die al weet hoe het eruit moet zien voor het formaat.
Bekijk de Web & UI Design categorie op Vibe Skills →
Waar Vibe Coding een Muur Raakt (En Waar AI Skills Helpen)
Pure vibe coding brengt je 80% van de weg. De laatste 20% is waar de meeste niet-technische makers vastlopen, en het is ook waar de meeste projecten worden verlaten. Hier zijn de echte faalmodi:
- Verlamming door leeg venster. Je opent Cursor of Lovable en typt iets. De AI levert v1. Het werkt. Maar het ziet er generiek uit, de lay-out is verkeerd, en je weet niet hoe je om het juiste moet vragen.
- Geen smaakreferentie. De AI kent je merk, je publiek, of wat "goed" betekent in jouw categorie niet. Dus het middelt uit en geeft je de saaie versie.
- Iteratie schuld. Elk nieuw project begint opnieuw. Je beschrijft steeds dezelfde patronen (donker thema, grote serif kop, sticky navigatie, geanimeerde CTA) opnieuw.
- Poolse kloof. De eerste versie is functioneel. De geleverde versie vereist aanpassingen in de ruimte, toegankelijkheid, mobiele regels en een laatste ontwerpbeurt waar je niet om weet te vragen.
Dit is de kloof die AI skills sluiten. Een vaardigheid is een verpakte workflow die al de patronen voor een specifieke output kent. Je installeert een "SaaS Landing Page" vaardigheid op Vibe Skills, en de AI start het project met de juiste hero structuur, de juiste CTA plaatsing, de juiste mobiele breakpoints en het juiste visuele ritme. Je vibe codeert vanuit een sterk startpunt in plaats van vanuit nul.
Het resultaat: in plaats van 6 uur met de AI te vechten om een landingspagina te krijgen die converteert, lever je er een in 30 minuten die al converteert.
Vibe Coding vs AI Skills: Waar Ze Staan
Vibe coding is een methode. AI skills zijn de sjablonen die de methode sneller laten leveren. Hier is de eerlijke vergelijking:
| Dimensie | Pure vibe coding | Vibe coding + AI skills |
|---|---|---|
| Startpunt | Leeg chatvenster | Vooraf gebouwde workflow met ingebouwde structuur |
| Tijd tot eerste bruikbare v1 | 30 - 90 min | 5 - 15 min |
| Visuele smaak | Wat de AI standaard instelt | Door ontwerpers samengesteld voor de categorie |
| Mobiele + toegankelijkheidsaanpassingen | Je ontdekt hiaten na lancering | Al afgehandeld in de vaardigheid |
| Hergebruik van patronen tussen projecten | Beschrijf elke keer opnieuw | Eén keer installeren, voor altijd hergebruiken |
| Kosten per project | €0 aan tools, uren van je tijd | Vast abonnement, minuten van je tijd |
| Output kwaliteit bij v1 | "Het werkt" | "Het wordt geleverd" |
Vibe coding is het werkwoord. AI skills zijn het receptenboek. Je kunt vibe coden zonder vaardigheden. Je besteedt gewoon meer uren en levert een minder gepolijst resultaat.
5 Stappen om Deze Week te Beginnen met Vibe Coding
Vibe coding heeft de laagste leercurve van alle creatieve vaardigheden in 2026. Je kunt dit weekend een echt, live project leveren als je deze cyclus volgt:
- Kies de juiste AI skill op Vibe Skills. Blader door Web & UI Design, 3D Games of Interactive 3D afhankelijk van wat je wilt leveren. Installeer de vaardigheid die overeenkomt met je output.
- Kies een vibe coding tool. Voor nul setup, kies Lovable of Bolt. Voor meer controle, kies Cursor of Claude Code. Alle vier werken met de vaardigheid die je hebt geïnstalleerd.
- Beschrijf het resultaat in 2 - 3 zinnen. Wat is het project? Voor wie is het? Wat is de ene actie die een bezoeker moet ondernemen? De vaardigheid vult de structurele standaardinstellingen aan; jouw beschrijving vult de specifieke details aan.
- Itereer in platte taal. Open geen codebestanden. Reageer op wat je ziet ("maak de hero rustiger aanvoelen", "wissel de tweede sectie in voor testimonials", "voeg een sticky CTA toe op mobiel") en laat de AI het bedraden.
- Leveren en meten. Implementeer dezelfde dag op een echte URL. Stuur het naar 5 mensen. Kijk wat ze doen. De vibe coding cyclus is snel genoeg dat je v1 binnen 24 uur na de start zou moeten leveren.
De makers die winnen met vibe coding zijn niet degenen met de beste instructies. Zij zijn degenen die de meeste v1's leveren.
Begin met een Web & UI vaardigheid op Vibe Skills →
Veelgestelde Vragen
Moet ik code weten om met vibe coding te beginnen?
Nee. Vibe coding is zo gemaakt dat niet-technische makers werkende apps, games en sites kunnen leveren zonder code te lezen of te schrijven. Je beschrijft het resultaat in platte taal, de AI genereert de code, en je itereert door te reageren op wat je ziet. Tools zoals Lovable en Bolt vereisen nul setup; typ gewoon. Voor kant-en-klare startpunten, installeer een vaardigheid van vibeaiskills.com.
Is vibe coding hetzelfde als no-code?
Niet helemaal. No-code gebruikt visuele bouwers met drag-and-drop blokken. Vibe coding gebruikt AI om daadwerkelijke code te schrijven op basis van je beschrijving. Het verschil is belangrijk: no-code vergrendelt je in het platform, terwijl vibe-gecodeerde projecten echte codebases zijn die je bezit en overal kunt hosten. Beide laten niet-technische makers leveren; vibe coding biedt meer flexibiliteit zodra je de basis ontgroeit.
Kan ik hiermee echt een echte, betalende app leveren?
Ja. Pieter Levels leverde een multiplayer browsergame gebouwd met Cursor en Grok 3 die in 17 dagen $1 miljoen jaarlijkse omzet bereikte. Lovable ging van nul naar $100 miljoen ARR in 8 maanden. Anthropic bouwde Claude Cowork in 10 dagen. Het patroon: kies de juiste tool, installeer de juiste AI skill op Vibe Skills, lever v1 op een dag, itereer op basis van echte gebruikers.
Welke tools heb ik nodig om te beginnen?
Je hebt één AI coding tool en één AI skill nodig. Voor niet-ontwikkelaars zijn Lovable of Bolt de makkelijkste instappunten (browser-gebaseerd, nul setup). Voor meer controle zijn Cursor en Claude Code de standaard. Combineer de tool met een Vibe Skills skill voor het formaat dat je levert (landingspagina, game, 3D scène). Dat is de volledige stack.
Wat is het verschil tussen vibe coding en het gebruik van ChatGPT om code te schrijven?
ChatGPT geeft je codefragmenten in een chatvenster. Je kopieert ze, bedenkt waar ze naartoe moeten, fixt de imports, voert het project uit, debugt, en herhaalt. Vibe coding tools (Cursor, Lovable, Claude Code) zijn geïntegreerde omgevingen. De AI ziet je hele project, bewerkt bestanden direct, voert de code voor je uit en toont het resultaat direct. Het verschil is uren per iteratie versus minuten.
Zullen vibe-gecodeerde projecten in productie breken?
Ze kunnen, en dat is de eerlijke afweging. Pure vibe-gecodeerde projecten slaan vaak foutafhandeling, toegankelijkheid en beveiligingsdetails over die een senior ontwikkelaar zou opmerken. AI skills helpen door die patronen vanaf het begin in te bakken: een landingspagina skill op Vibe Skills levert met mobiele breakpoints, semantische HTML en formulier validatie al ingeschakeld. Voor echte productie-apps met gebruikers, combineer vibe coding met een AI skill en een laatste beoordeling.
Gaat vibe coding ontwikkelaars vervangen?
Voor complexe systemen (grote SaaS backends, infrastructuur, beveiligingskritisch werk), nee. Voor de 80% van de projecten die landingspagina's, interne tools, prototypes, marketing micro-sites en creatieve bijprojecten zijn, heeft vibe coding al veranderd wie ze bouwt. Ontwerpers, oprichters en marketeers leveren die projecten nu zelf in plaats van dat ze een ontwikkelaar inhuren of wachten in een wachtrij. Dat aandeel groeit elk kwartaal.
Klaar om je Eerste Vibe-Gecodeerde Project te Leveren?
Vibe coding is de snelste manier voor niet-technische makers om in 2026 een echt, werkend webproduct te leveren. De vangst is dat de versie met het lege venster nog steeds uren duurt en generieke output produceert. AI skills lossen beide op: installeer er een, vibe codeer vanuit een sterk startpunt, lever een gepolijste v1 in 30 minuten.
Bekijk vibe coding skills op vibeaiskills.com →
Stop met staren naar het lege venster. Installeer een Vibe Skills skill en vibe codeer je eerste geleverde project dit weekend.