Wat is vibe coding?

Een website, app of complete softwaretool bouwen via chatberichten. Dat is ongeveer waar vibe coding op neerkomt. Je vertelt AI wat je wilt maken en AI gaat vervolgens aan de slag met de code. Je kijkt naar het resultaat, geeft nieuwe instructies en bouwt zo stap voor stap verder.

Best simpel dus, dat AI-coding. En ja, deels is dat het ook. Maar er zit een behoorlijk verschil tussen een leuk prototype laten maken en een daadwerkelijk goed en veilig eindproduct.

Programmeren door te chatten

Bij traditioneel programmeren schrijf je zelf de code die een computer moet uitvoeren. Bij vibe coding verschuift een groot deel daarvan naar AI. Je beschrijft vooral wat de software moet doen en de AI vertaalt dat naar code. Zo’n bericht met beschrijving noem je een prompt.

Je begint bijvoorbeeld met deze prompt:

Maak een planningstool voor een klein bedrijf.

Gebruikers moeten kunnen inloggen en afspraken kunnen toevoegen, wijzigen en verwijderen. Toon de afspraken in een kalender en maak een dashboard waarop de afspraken van vandaag zichtbaar zijn.

Een AI-tool kan vervolgens de benodigde code schrijven en in sommige gevallen ook direct uitvoeren. Je ziet een werkende applicatie en kunt vervolgens aangeven wat er anders moet.

Bijvoorbeeld:

Maak de knoppen groter.

of

Zorg dat een afspraak niet meer gewijzigd kan worden nadat deze is afgelopen.

De AI past vervolgens de applicatie aan. Je bent daardoor niet voortdurend bezig met de technische implementatie, maar vooral met het beschrijven, testen en bijsturen van het resultaat.

Nu moet ik wel toegeven dat de bovenstaande voorbeelden best matige prompts zijn. AI zal er wel iets moois van maken, maar heeft wel erg veel vrijheid. Want ik zeg niets over welke technieken AI moet gebruiken, waar de applicatie aan moet voldoen qua privacy, etc.

Door alle vrijheid te geven aan AI kan dat later in het proces tegen je gaan werken. Een goede prompt is dus het halve werk.

Waarom is vibe coding zo interessant?

De grootste verandering is de snelheid waarmee je van een idee naar iets werkends kunt gaan. Vroeger had je voor een webapplicatie al snel een designer en één of meerdere developers nodig. Nu kan iemand met een goed idee zelf een eerste versie bouwen. Dat betekent niet dat die eerste versie goed genoeg als eindproduct is, maar de drempel om iets uit te proberen is enorm lager geworden.

Dat is vooral interessant voor ondernemers en kleine bedrijven. Waar je vroeger erg afhankelijk was van SAAS-tools (Software As A Service) met een bepaald maandbedrag kun je nu bepaalde tools zelf maken. Mijn ervaring is dat SAAS-tools (denk aan bijvoorbeeld een tijdsregistratie app) nooit helemaal aansloten op jouw bedrijf. Met Vibe coding is dat wel mogelijk.

Ook voor startups is dit interessant. Je kunt eerst een prototype (MVP) bouwen, ermee experimenteren en kijken of mensen het daadwerkelijk gebruiken. Pas daarna hoef je eventueel veel meer geld en tijd in de technische ontwikkeling te steken.

Wat kun je maken met vibe coding?

De mogelijkheden zijn veel breder dan alleen simpele websites. Denk bijvoorbeeld aan:

  • dashboards
  • calculators
  • CRM-systemen
  • reserveringssystemen
  • interne bedrijfssoftware
  • administratie- en rapportagetools
  • API-koppelingen
  • SaaS-applicaties
  • eenvoudige mobiele apps
  • webshops en klantportalen

Vooral webapplicaties zijn interessant. Een applicatie met een login, database, dashboard en verschillende gebruikersrollen is tegenwoordig iets wat je met de juiste tools behoorlijk snel als eerste versie kunt laten bouwen.

Dat maakt vibe coding ook interessant voor iets als een website maken met AI. Je kunt beginnen met een beschrijving van de gewenste website en vervolgens steeds verder werken aan design, content en functionaliteit.

De nadelen van vibe coding

Met vibe coding kun je heel veel voor elkaar krijgen. Het lijkt alsof je geen enkele technishe kennis meer nodig hebt. Maar AI is niet perfect en kan grote fouten maken die je zonder technische ervaring niet opmerkt. Met name fouten rondom veiligheid kunnen veel gevolgen hebben.

Een ander risico is dat je een project steeds verder uitbreidt zonder dat de onderliggende structuur een stevige basis heeft. Je vraagt AI om een functie toe te voegen, daarna om iets aan te passen en vervolgens om een fout op te lossen. Na tientallen wijzigingen kan de code vervallen tot een grote spaghetti van functies. Bij een persoonlijk project maakt dat minder uit als het gewoon werkt. Maar als je een applicatie serieus gaat inzetten in een bedrijfsomgeving dan kan dit op den duur problematisch worden.

Populaire vibe coding tools

Er zijn inmiddels behoorlijk wat tools waarmee je kunt starten met vibe coding. Waarbij er een groot verschil zit in leercurve en doel van de tool. Ik licht er een aantal toe.

Lovable

Lovable is een van de bekendste tools voor mensen die vanuit een idee snel een webapplicatie willen bouwen. Je beschrijft wat je wilt en Lovable genereert vervolgens de applicatie. Daarbij kan het verder gaan dan alleen de voorkant van een website. Ook zaken als databases, authenticatie en integraties kunnen onderdeel van het project worden.

Lovable is vooral interessant wanneer je weinig programmeerkennis hebt en snel een werkend product of prototype wilt maken. Voor een ondernemer die bijvoorbeeld een intern systeem of een eerste SaaS-versie wil bouwen, is het een logische plek om te beginnen.

Bij lovable vibecoding ligt de nadruk sterk op het beschrijven van de gewenste applicatie en vervolgens iteratief verbeteren.

Bolt.new

Bolt.new zit in dezelfde hoek als Lovable. In de basis is het eigelijk grotendeels hetzelde. Maar Bolt.new is meer gericht op ontwikkelaars met technische kennis. Je kunt net als bij Lovable een applicatie beschrijven, het resultaat bekijken en vervolgens verder bouwen. Persoonlijk vond ik Bolt.new beter werken dan Lovable en kreeg ik er meer mee voor elkaar.

Claude Code

Claude Code is weer een ander soort gereedschap. Waar Lovable en Bolt.new een soort totaalomgeving zijn is Claude Code meer een gereedschap die je gebruikt in een eigen ontwikkelomgeving. Je bent dus zelf verantwoordelijk voor het opzetten voor zo’n omgeving. Voor eenvoudige zaken zoals een statische website is het ook voor beginners best goed te doen. Voor het bouwen van een applicatie of dashboard is het als beginner niet aan te raden.

Cursor

Cursor is een AI-code-editor die vooral gericht is op development en meer in de hoek zit van Claude Code. Ook hier geldt dat het een gereedschap is binnen een ontwikkelomgeving waar je zelf verantwoordelijk voor bent.

Daarmee zit Cursor duidelijk dichter tegen traditioneel programmeren aan. Een groot voordeel is dat Cursor werkt met vrijwel alle mogelijke AI-modellen. In tegenstelling tot Claude Code, welke alleen Claude-modellen gebruikt.

Cursor is daarom vooral interessant als je zelf al enige technische kennis hebt of AI wilt inzetten als programmeerpartner.

Welke vibe coding tool is het beste?

Er bestaat geen universeel beste tool. De keuze hangt vooral af van hoeveel technische controle je wilt en wat je probeert te bouwen. Heb je weinig technische kennis en wil je snel iets bouwen, dan raad ik Lovable aan. Vind je Lovable net iets te beperkt, kijk dan eens naar Bolt.new.

Wil je een stap verder en zelf binnen een ontwikkelomgeving iets bouwen dan is mijn voorkeur Claude Code in combinatie met bijvoorbeeld de code-editor Visual Studio Code.

Wil je een bestaande codebase uitbreiden of serieus met softwareontwikkeling aan de slag? Dan zou ik eerder naar Claude Code of Cursor kijken.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *