Hoe doe je vibe coding, stap voor stap

Vibe coding doe je zo: je kiest een AI-tool, beschrijft in gewone taal welke software je wilt, draait de code die de tool genereert en verfijnt daarna door de AI te vertellen wat er misgaat, net zolang tot het resultaat doet wat je bedoelde. Je beoordeelt de uitkomst op wat die doet, niet op wat er in de code staat.

Deze prompt-en-verfijn-lus kan beginners helpen om snel een eerste prototype te maken, ook zonder programmeerachtergrond, maar voor betrouwbare software zijn aanvullende kennis, tests en beveiligingscontroles nodig. De praktische versie kent vier onderdelen: de tools waaruit je kiest, de vijf stappen van een sessie, een uitgewerkt voorbeeld dat je kunt kopiëren, en een eerlijke grens voor waar de methode niet meer volstaat. Wil je eerst de definitie en de herkomst, begin dan bij wat vibe coding is. Wil je de zakelijke kijk, dan behandelt de hub over vibe coding en AI-ondersteunde ontwikkeling dat.

Wat je nodig hebt om te beginnen

Drie dingen, en een informatica-diploma zit er niet bij. Een helder idee van de ene taak die je software moet doen. Een AI-tool die code kan schrijven en draaien. En de bereidheid om te beschrijven, te testen en opnieuw te beschrijven.

De tools vallen in drie groepen uiteen, en je keuze bepaalt hoeveel je überhaupt met code te maken krijgt.

• Chatassistenten zoals Claude en ChatGPT. Je vraagt om een script of een kleine app, plakt het resultaat ergens waar het kan draaien, en itereert in het gesprek. Laagste drempel, het meeste knip- en plakwerk.
• AI-native editors zoals Cursor en Windsurf. De AI zit ín een code-editor, ziet je hele project en past bestanden rechtstreeks aan. Meer kracht zodra een project groter wordt dan één bestand.
• App-bouwers zoals Lovable, Replit en Bolt. Je beschrijft een app in een tekstvak en de tool genereert, host en geeft je een live-URL. Het dichtst bij "helemaal geen zichtbare code".

Voor een eerste sessie breng je jezelf het snelst op gang met een chatassistent of een app-bouwer. Ons overzicht van de beste vibe-coding-tools vergelijkt ze op wat ze echt doen. Kies er één en houd die vast voor de hele sessie. Halverwege van tool wisselen is de snelste manier om de draad kwijt te raken.

Zo doe je vibe coding in vijf stappen

Een sessie is een lus. Voor iets echts ga je er vele keren omheen, en elke ronde brengt je dichterbij.

1. Beschrijf de uitkomst, niet de code. Vertel de AI wat je wilt dat er bestaat, in de eenvoudigste taal die je kunt bedenken. "Bouw een tool op één pagina waar ik een lijst met namen en e-mailadressen plak en die er een schone CSV van maakt." Benoem de invoer, benoem de uitvoer. Sla het hoe over.

2. Laat de AI genereren. De AI geeft code terug, vaak met een uitleg die je voor nu mag negeren. Neem het geheel aan zoals het is. Bij een vroeg prototype kan het praktisch zijn om eerst op gedrag te testen, maar gegenereerde code moet worden nagekeken voordat de toepassing productiegegevens verwerkt of door klanten wordt gebruikt.

3. Draai het. In een app-bouwer gaat dit vanzelf en krijg je een live preview. In een chatassistent plak je de code ergens waar die kan draaien: een browsersandbox, een notebook of een bestand op je machine. Vroeg draaien telt zwaarder dan perfect draaien. Je moet gedrag zien om te kunnen bijsturen.

4. Verfijn door te beschrijven wat er misgaat. Hier zit het meeste werk. Je repareert de code niet. Je vertelt de AI wat je zag. "De CSV heeft een extra lege kolom." "Hij loopt vast als een naam een komma bevat." "Maak de knop groen en zet 'm bovenaan." Elke opmerking stuurt de AI terug om opnieuw te genereren. Wees precies over het symptoom en laat de tool de oorzaak vinden.

5. Herhaal tot het werkt zoals bedoeld. Loop stap drie en vier. Kijk hoe het ding werkt, beschrijf het volgende gat, draai opnieuw. Je bent klaar wanneer de tool zijn ene taak doet op echte invoer, inclusief de rommelige gevallen die je er in de praktijk in gooit.

Dat is de hele methode. De vaardigheid is niet technisch. Het is helder beschrijven en eerlijk testen.

Een uitgewerkt voorbeeld: een klein intern hulpmiddel vibe coden

Stel, je runt een bedrijf van tien mensen en je wilt een snel hulpmiddel dat een geplakte lijst met klantgegevens omzet in een opgemaakte offerte-PDF. Zo verloopt een echte sessie.

Je opent een app-bouwer en typt: "Een pagina met een tekstvak waarin ik klantnaam, project en prijs plak. Een knop die een offerte-PDF in onze huisstijl genereert, met ons logo en die gegevens." Dertig seconden later staat er een live pagina. Je plakt een testklant en klikt op de knop. Er verschijnt een PDF, en de prijs staat er als 4000 in plaats van € 4.000.

Je opent de code niet. Je typt: "Formatteer de prijs als euro's met een scheidingsteken voor duizendtallen, zoals € 4.000." Opnieuw genereren, draaien, controleren. Opgelost. Vervolgens merk je dat het logo ontbreekt, dus je uploadt het en zegt "gebruik dit als logo, linksboven." Daarna probeer je een klant met een ampersand in de projectnaam en de PDF loopt vast. Je meldt precies dat, en de AI vangt het teken af. Twintig minuten later heb je een werkend hulpmiddel dat je een terugkerend uur bespaart.

Dit is vibe coding op zijn best: een echt, nuttig ding dat vóór de lunch nog niet bestond. Het is ook waar de eerlijke waarschuwing begint. Datzelfde hulpmiddel, vibe-gecodeerd en zo de deur uit, slaat misschien het bestandspad van je logo of een API-sleutel ergens op die zichtbaar in de broncode van de pagina staat, en jij zou het nooit weten, want je hebt de code nooit gelezen. Het NCSC waarschuwt dat het gebruik van generatieve AI risico's kan meebrengen, omdat gevoelige informatie op servers buiten de organisatie kan belanden. Voor generatieve AI die persoonsgegevens verwerkt, benadrukt de Autoriteit Persoonsgegevens bovendien dat technische en organisatorische maatregelen nodig zijn voor verantwoord gebruik. Voor een beperkt intern experiment kan het risico soms aanvaardbaar zijn, op voorwaarde dat er geen gevoelige gegevens worden verwerkt en dat de organisatie de risico's en toegangsrechten beheerst. Voor alles wat een klant aanraakt is dat ongelezen gat het hele probleem.

Prompts die betere code opleveren

De kwaliteit van wat je terugkrijgt volgt de kwaliteit van wat je vraagt. Een paar gewoontes maken een groot verschil.

Geef één instructie tegelijk als je aan het verfijnen bent. Een prompt met acht wijzigingen levert je acht halve wijzigingen; een prompt met één heldere fix levert je die fix netjes op. Beschrijf het symptoom dat je zag, niet de oplossing die je gokte. "Hij crasht als de lijst leeg is" werkt beter dan "voeg een null-check toe", want de AI kent meer manieren om het lege geval af te vangen dan jij.

Laat het zien, vertel het niet alleen. Plak de exacte invoer die stukging en de exacte uitvoer die je verwachtte. Concrete voorbeelden pinnen de AI vast waar bijvoeglijke naamwoorden hem laten afdwalen. En als een sessie na veel bewerkingen de verkeerde kant op gaat, begin dan een nieuwe en beschrijf de werkende versie die je wilt vanaf nul. Een schone prompt wint vaak van tien pleisters op een verknoopte draad.

Waar vibe coding volstaat, en waar het breekt

Vibe coding maakt zijn snelheid waar bij een duidelijke soort werk. Prototypes die je wilt laten zien, niet opschalen. Interne tools met een handvol vertrouwde gebruikers. Persoonlijke scripts, eenmalige dataklussen, een landingspagina die je vrijdag nodig hebt. Bij dit alles is snel opleveren en op gevoel bijsturen precies goed.

Het breekt bij een andere soort, en die mislukking is stil. Software die betalingen, persoonsgegevens of andermans login verwerkt. Zodra een toepassing persoonsgegevens verwerkt, moet een organisatie volgens de Autoriteit Persoonsgegevens vooraf nagaan of zij aan de AVG kan voldoen, de privacyrisico's in kaart brengen en passende maatregelen nemen, ook bij een pilot of test. Alles wat correct moet blijven terwijl het verder groeit dan zijn eerste paar schermen. Alles waar een toezichthouder of een klant je aan houdt. De reden is dezelfde waarmee je begon: niemand las de code. Ongecontroleerde AI-uitvoer kan beveiligingsgaten bevatten, hardgecodeerde geheimen en logica die lijkt te kloppen maar dat niet doet. We gaan dieper in op dat risico bij is AI-code veilig, en we vergelijken de doorlooptijden en afwegingen bij vibecoding versus traditionele ontwikkeling.

Weten in welke soort je zit, is het grootste deel van het oordeel. Kost een bug je je middag, vibe dan lekker verder. Kost een bug de gegevens van een klant, dan heeft de code een lezer nodig.

Een vibe-gecodeerd prototype naar productie brengen

Een prototype dat het in een demo doet is een sterk begin, en nog geen product. De afstand tussen die twee is het deel dat vibe coding overslaat: review, tests, beveiliging en een plan voor de dag dat het om twee uur 's nachts stukloopt. Het NCSC beschouwt testen als een noodzakelijk onderdeel van goed risicomanagement en beschrijft broncodereview als een deskundige controle om kwetsbaarheden in de broncode op te sporen.

De praktische weg is de snelheid houden en de discipline terugbrengen. Een engineer leest elke regel die de AI schreef, en daar wordt de hardgecodeerde sleutel uit ons PDF-voorbeeld onderschept vóór de lancering. Een testsuite bewijst dat de rekensom en de randgevallen kloppen. Beveiligingsscans en een controle van de afhankelijkheden dichten de gangbare gaten. Dit is het verschil tussen puur vibe coding en AI-ondersteunde ontwikkeling van productiekwaliteit, en zo wordt hetzelfde hulpmiddel dat twintig minuten kostte om te prototypen iets wat je aan klanten durft te laten zien.

Zo bouwen we voor echte bedrijven, van de offertetool van een expediteur tot interne tools op maat en maatwerksoftware voor het mkb (kmo in Vlaanderen). De prompt-en-verfijn-lus brengt ons snel bij een werkende vorm. De review, de tests en de meertalige afwerking brengen het naar productie. De prompt-en-verfijn-lus kan de prototyping versnellen, maar de uiteindelijke doorlooptijd hangt af van de complexiteit, de vereiste controles, de beveiliging en de tests, zonder het ongelezen gat mee de deur uit te sturen.

Veelgestelde vragen over vibe coding

Kunnen beginners vibe coding doen?

Ja. Vibe coding vraagt geen voorkennis van programmeren, en dat is nou juist het punt. Je beschrijft in gewone taal wat je wilt en verfijnt door te beschrijven wat er misgaat. De aan te leren vaardigheid is het schrijven van heldere instructies en eerlijk testen, geen syntaxis. Begin met een chatassistent of een app-bouwer en één klein hulpmiddel.

Wat is de beste tool om mee te vibe coden?

Voor een eerste project kom je het snelst tot een live resultaat met een app-bouwer als Lovable of Replit, omdat die op één plek genereert en host. Chatassistenten als Claude en ChatGPT passen bij scripts en snelle logica. AI-native editors als Cursor passen zodra een project groter wordt dan één bestand. Ons overzicht van de beste vibe-coding-tools zet de afwegingen op een rij.

Kun je een echte, werkende app vibe coden?

Je kunt snel een werkend prototype vibe coden, en vaak ook een echt nuttig intern hulpmiddel. Er productiesoftware van maken die echte gebruikers en gegevens veilig verwerkt, vraagt een review-en-teststap die vibe coding overslaat. De snelheid is echt; de omweg om code review heen is het deel dat je terugbrengt voordat klanten het aanraken.

Hoe verschilt vibe coding van gewoon ChatGPT gebruiken om code te schrijven?

Vibe coding is een manier van werken, en een chatassistent is er één tool voor. Wat het tot vibe coding maakt, is de beslissing om de uitvoer niet te lezen en in plaats daarvan op gedrag bij te sturen. ChatGPT gebruiken terwijl je elke regel controleert is AI-ondersteund coderen, geen vibe coding. De tool is dezelfde; de verantwoordelijkheid ligt anders.

Is vibe coding gratis?

Sommige chatassistenten en app-bouwers bieden gratis instapmogelijkheden, maar voorwaarden, limieten, hostingkosten en modelgebruik verschillen per aanbieder en kunnen wijzigen. De kosten komen met schaal: zwaarder gebruik, hosting en betaalde modellen. De grootste kostenpost van een vibe-gecodeerd hulpmiddel is niet het abonnement op de tool. Het is de engineering-review die een productieversie nodig heeft, en dat is wat onze offerte tegen een vaste prijs dekt.

Wil je de snelheid van vibe coding met software waar je echt een bedrijf op kunt draaien? Vertel ons wat je gebouwd wilt hebben en vraag een offerte tegen een vaste prijs aan.