Vibe Coding: de do's & don'ts

Door
Tim Visscher
Door
#Discovery

Vibe coding is een manier van programmeren waarbij je in je eigen woorden beschrijft wat je wilt maken, waarna een AI-programma de code voor je schrijft. In plaats van regel voor regel code te schrijven, stuur je het proces door middel van een chat: "Maak een contactformulier met validatie" of "Bouw een dashboard dat data visualiseert".

Dit maakt softwareontwikkeling toegankelijk voor designers, product owners en ondernemers zonder technische achtergrond. Ook ervaren developers gebruiken vibe coding om sneller te werken en zich te focussen op complexe architectuur. Voor bedrijven die snel willen innoveren of prototypes willen testen, opent dit enorme mogelijkheden. Maar zoals bij elke nieuwe technologie, zijn er valkuilen die je kunt vermijden.

Hieronder vind je de belangrijkste do’s en don'ts om goed gebruik te maken van vibe coding.

De Do's

1. Start met een duidelijk plan

Begin niet direct met het schrijven van prompts. De beste resultaten krijg je door eerst een fundament te leggen. Bij verschillende tools is het mogelijk om een readme.md file of guidelines te maken met een gedetailleerd plan van je applicatie. Denk hierbij aan features, stijlrichtlijnen, context en codestructuur. Dit helpt de AI gefocust te blijven.

Of vraag aan je Ai tool  eerst een plan te maken: "Maak een plan, maar schrijf nog geen code." Pas als jij akkoord bent met het plan, geef je groen licht voor de code. Dit voorkomt dat de AI als een "overenthousiaste stagiair" direct de verkeerde kant op rent.

Tip: Blijf tijdens het schrijven van je prompt refereren aan het guidelines-bestand. Je kunt AI-tools zoals Gemini of ChatGPT gebruiken om je te helpen bij het schrijven van deze guidelines. Gebruik bij voorkeur markdown als structuur voor je guideline-bestand, dit geeft de beste resultaten.

Markdown is een eenvoudige manier om tekst op te maken met behulp van symbolen. Bijvoorbeeld: # voor koppen, **tekst** voor vetgedrukt, en - voor opsommingen. Je kunt markdown schrijven in elk tekstprogramma, zoals Kladblok of TextEdit. AI-tools herkennen deze structuur goed, waardoor je prompts duidelijker overkomen.

2. Kies de juiste tool voor de klus

Niet elke AI-coding tool is hetzelfde. Het landschap verandert snel, maar grofweg kun je ze indelen in twee categorieën:

Idea-to-App (De Starters): Tools zoals Lovable.dev, Bolt.new of Figma make. Deze zijn perfect voor het opzetten van een nieuw project vanaf nul. Ze draaien in de browser, regelen de omgeving voor je en zijn ideaal voor MVP's en snelle prototypes.

Co-Pilots (De Professionals): Tools zoals Cursor of GitHub Copilot. Deze leven in je code-editor. Ze zijn beter geschikt voor bestaande projecten, complexe backend-integraties en productie-ready applicaties. Gebruik deze als je meer controle wilt over de architectuur en de code.

3. Werk in kleine, testbare stappen

Het is belangrijk om je app in kleinere stappen te bouwen. Als je met één prompt je hele app en workflow probeert te maken, is de kans groot dat de AI-tool een halfbakken resultaat oplevert. Bouw daarom scherm voor scherm en voeg functionaliteiten stap voor stap toe. 

Beschrijf duidelijk wat je wilt bereiken, welke technologieën je gebruikt en welke specifieke functionaliteiten je nodig hebt. Voeg waar mogelijk voorbeelden of referenties toe en geef randvoorwaarden mee zoals je die misschien al hebt beschreven in je guidelines. Hoe specifieker je instructies, hoe minder de AI-tool hoeft te gokken wat je wilt en hoe kleiner de kans dat de AI-tool een eigen invulling geeft aan jouw prompt.

Test na elke stap of alles nog werkt. Als iets kapot gaat, kun je direct terugdraaien naar de vorige werkende versie, wat frustrerende debug-sessies voorkomt. Vraag tussentijds aan de AI of de code kan gereviewed kan worden en of alles correct is geïmplementeerd. Zeker als er grotere structuurwijzigingen zijn, kan dit helpen errors te voorkomen.  

4. Gebruik afbeeldingen en context

AI werkt veel beter wanneer je visuele context geeft. Wil je een specifiek design? Voeg een afbeelding toe. Een afbeelding kan duizend woorden aan uitleg vervangen.

Nog beter; AI-tools maken het steeds makkelijker om Figma-designs direct te uploaden of te delen. Zo genereert AI resultaten die nauw aansluiten bij je eigen ontwerp en huisstijl, omdat het exact herkent welke layouts, kleuren, spacing en componenten je gebruikt.

5. Maak gebruik van documentatie

Om je app echt tot leven te brengen, kun je zelfs een API of framework koppelen aan je applicatie. Vaak weet de AI-tool in de bredere context best goed wat je voor elkaar probeert te krijgen. Als je een specifieke API of framework wilt gebruiken, plak dan de relevante documentatie in de prompt. Dit verhoogt de kans dat het correct wordt verwerkt in je applicatie. Er is altijd een kans dat de AI-tool gebruikmaakt van verouderde documentatie van bekende API's of frameworks. Daarom is het belangrijk om de meest recente versie van de documentatie mee te geven, inclusief voorbeelden van de code, voor het beste resultaat.

De Don'ts

1. Accepteer AI-output niet klakkeloos

Dat code werkt, betekent niet dat deze ook veilig of optimaal is. Behandel AI-gegenereerde code als het werk van een junior developer: review alles kritisch voordat je het implementeert. Let hierbij specifiek op hardcoded credentials, ontbrekende input-validatie en algemene security best practices. Check of de code wel degelijk aan jouw kwaliteitseisen voldoet voordat je functionele maar kwetsbare software uitrolt.

2. Forceer geen complexe architectuur

Vibe coding is fantastisch voor snelle prototypes en MVP's, maar een LLM mist het overzicht voor complexe systeemarchitectuur. Voor schaalbare applicaties, zware integraties of omgevingen met strikte eisen blijft de ervaren developer onmisbaar.

Gebruik AI voor de uitvoering, maar vertrouw op menselijk inzicht voor de architectuur beslissingen, edge cases en business rules die een model niet overziet. Probeer niet om complete enterprise-applicaties in één sessie te laten bouwen. Begin klein en bouw stapsgewijs op.

3. Negeer kwaliteit en onderhoudbaarheid niet

Er is een groot verschil tussen code die runt en code die goed is. Als je niet actief waakt voor kwaliteit, ontstaat er technische schuld door inconsistente naming, versnipperde logica en rommelige dependencies.Bouw daarom bewust momenten in voor refactoring en gebruik standaard formatters. Laat de AI indien nodig code opschonen volgens best practices. Dit helpt als je om je applicatie snel te houden en de componenten makkelijk gestructureerd te kunnen aanpassen.  

4. Val niet in de context-valkuil

Naarmate een sessie langer duurt, raakt het 'context window' verzadigd met ruis, waardoor de AI instructies vergeet of fouten gaat maken. Dit heet "hallucineren": de AI verzint oplossingen die niet kloppen of negeert eerdere afspraken.

Voorkom deze degradatie door modulair te werken. Splits grote features op in kleine taken en start regelmatig een frisse sessie met alleen de noodzakelijke context, zodat de output scherp en relevant blijft. Het helpt ook om regelmatig te refereren naar de guidelines als je merkt dat de kwaliteit afneemt.

Van idee naar applicatie

Vibe coding is geen vervanging van professionele developers, maar een katalysator voor betere samenwerking tussen mens en machine. Het verlaagt de instap om ideeën tastbaar te maken, versnelt prototyping en maakt het mogelijk om sneller te leren van echte gebruikers. Binnen design thinking-processen kan ideation, user testing en MVP-ontwikkeling dagen in plaats van weken duren. Voorwaarde is wel dat je het inzet met realistische verwachtingen en duidelijke kwaliteits- en veiligheidskaders.

De toekomst is hybride, AI neemt het repetitieve werk uit handen, terwijl mensen zich richten op architectuur, complexe business logica en kritische keuzes. Voor organisaties die vooruit willen, betekent dit niet blind automatiseren, maar bewust experimenteren, teams trainen en klein beginnen. Pak een concreet probleem, bouw iets dat werkt voor jou, en leer onderweg. Het hoeft niet altijd perfect te zijn.

Tim Visscher
Interaction Designer

De whitepaper downloaden

Dank je wel! Je download zou moeten starten.
Downloaden
Oeps! Er is iets misgegaan tijdens het verzenden van het formulier.

Bedankt

We voegen je toe aan de lijst met ontvangers
Oeps! Er is iets misgegaan tijdens het verzenden van het formulier.

Latest whitepapers

Prefer to speak
to someone?

Feel free to contact me!

Sanne Berendsen
Product Strategist
+31 (0) 6 15 42 91 59sanneberendsen@hike.one
Lets talk

Rubriek

Dank je wel! Je inzending is ontvangen!
Oeps! Er is iets misgegaan tijdens het verzenden van het formulier.
Cookies toestemming

Door op “Accepteer” te klikken, ga je akkoord met het opslaan van cookies op je device om de navigatie op onze site te verbeteren, het gebruik van de site te analyseren en te helpen bij onze marketinginspanningen. Bekijk on Privacybeleid voor meer informatie.

Cookie preferences