Welke soorten vibe coding tools zijn er?
- Browserbouwers: je typt in een chatvenster en ziet direct een werkende app. Snel om mee te beginnen.
- AI in een code-editor: een programma waarin je code ziet en met AI laat schrijven. Meer controle.
- AI-agents: de AI werkt zelfstandig in je project, maakt bestanden aan en voert opdrachten uit.
Het verschil zit vooral in waar je project staat en hoeveel je ziet van wat er gebeurt. Bij een browserbouwer staat alles bij de aanbieder en zie je vooral het resultaat. Bij een editor of agent staan de bestanden op je eigen computer en kun je precies zien wat er verandert.
Een terminal is een venster waarin je opdrachten typt in plaats van te klikken. Dat klinkt technisch, maar met een agent zoals Claude Code typ je daar gewoon in het Nederlands wat je wilt.
De bekendste vibe coding tools
Een overzicht in alfabetische volgorde. Mogelijkheden veranderen vaak; kijk voor de actuele stand op de site van de maker.
- browser
Bolt
Bouwt webapps vanuit een chatvenster in de browser, zonder dat je iets hoeft te installeren.
- agent
Claude Code
De AI-programmeur van Anthropic. Werkt in je eigen project: leest bestanden, schrijft code en voert opdrachten uit. Te gebruiken in de terminal, als desktop-app en in editors zoals VS Code. Hier werken we mee in de cursus.
- editor
Cursor
Een code-editor met AI ingebouwd. Je ziet de code en laat de AI stukken schrijven of aanpassen.
- editor
GitHub Copilot
AI-assistent van GitHub die meeschrijft in onder meer Visual Studio Code. Vooral populair bij ontwikkelaars.
- browser
Lovable
Bouwt webapps in de browser op basis van een beschrijving in gewone taal, vanuit een chatvenster.
- browser
Replit
Een online ontwikkelomgeving met een AI-agent die apps voor je bouwt. Je werkt volledig in de browser.
- browser
v0
Tool van Vercel waarmee je vanuit een beschrijving schermen en onderdelen voor websites en webapps maakt.
Browserbouwer, editor of agent: de voor- en nadelen
- browser
Browserbouwers
Voordeel: je hebt binnen een paar minuten iets werkends, zonder installatie. Nadeel: je bent afhankelijker van de aanbieder en ziet minder van wat er onder de motorkap gebeurt.
- editor
Editors met AI
Voordeel: je ziet de code en houdt veel controle. Nadeel: een editor is gemaakt voor mensen die met code werken, dus het scherm kan in het begin overweldigend zijn.
- agent
AI-agents
Voordeel: de AI pakt grotere taken in één keer aan, in je eigen bestanden. Nadeel: je moet iets installeren en leren werken met een terminal of desktop-app.
Welke tool past bij jou?
Wil je snel een idee uitproberen zonder iets te installeren? Begin dan met een browserbouwer. Wil je iets bouwen dat je daarna zelf kunt beheren, uitbreiden en overal kunt laten draaien? Dan kom je uit bij een editor of een agent zoals Claude Code.
De vaardigheid die je nodig hebt is bij alle tools dezelfde: een idee opknippen in stappen, een duidelijke opdracht geven en het resultaat controleren. Wie dat beheerst, kan met elke tool uit de voeten.
Stel jezelf deze vragen voordat je kiest:
- Wil ik alleen iets uitproberen, of moet het straks echt gebruikt worden?
- Wil ik dat de bestanden op mijn eigen computer staan?
- Wil ik later kunnen overstappen naar een andere tool of hosting?
- Hoeveel tijd wil ik steken in het leren kennen van de tool zelf?
Wat heb je naast een AI-tool nog nodig?
Bij een browserbouwer zit vaak alles in één pakket. Werk je met een editor of agent, dan heb je er meestal nog een paar gratis hulpmiddelen naast nodig. In de cursus zijn dat Prisma Postgres en GitHub.
Prisma Postgres is een online database waarin je app zijn gegevens bewaart. Er is niets te installeren en dezelfde database werkt tijdens het bouwen en als je app online staat. GitHub bewaart je code met versiebeheer: elke wijziging wordt opgeslagen, zodat je altijd terug kunt. Vanaf GitHub zet je je project ook online.
Waarom we in de cursus met Claude Code werken
Claude Code werkt met gewone bestanden in je eigen project. Wat je bouwt is dus echt van jou: je kunt het bekijken, aanpassen en zetten waar je wilt. Bovendien leer je zo hoe software in elkaar zit, wat je ook helpt als je later een andere tool gebruikt.
Claude Code legt uit wat hij doet en vraagt toestemming voordat hij iets wijzigt of uitvoert. Voor beginners is dat prettig: je ziet wat er gebeurt en leert onderweg. Om hem te gebruiken heb je een betaald Claude-abonnement nodig; het gratis abonnement is niet genoeg.
Veelgestelde vragen
Wat is de beste vibe coding tool?
Dat hangt af van wat je wilt bouwen. Browserbouwers zijn het snelst om mee te beginnen; editors en agents zoals Claude Code geven meer controle over het eindresultaat.
Zijn vibe coding tools gratis?
Sommige tools hebben een gratis instap om te proberen. Voor serieus bouwen heb je meestal een betaald abonnement nodig. Claude Code zit bijvoorbeeld niet in het gratis Claude-abonnement.
Welke tool gebruiken jullie in de cursus?
Claude Code. De aanpak die je leert, kun je daarna ook in andere tools gebruiken.
Wat is het verschil tussen Claude Code en Cursor?
Cursor is een code-editor met AI ingebouwd: je werkt in een scherm vol code. Claude Code is een AI-agent die je in de terminal, als desktop-app of in een editor gebruikt en die zelfstandig taken uitvoert in je project.
Welke vibe coding tool is het makkelijkst voor beginners?
Om iets uit te proberen is een browserbouwer het makkelijkst, omdat je niets hoeft te installeren. Wil je iets bouwen dat je zelf kunt beheren, dan is Claude Code met wat uitleg goed te doen, ook zonder programmeerervaring.
Kan ik later overstappen naar een andere tool?
Als je bestanden op je eigen computer en in GitHub staan, kun je met elke editor of agent verder. Bij een browserbouwer hangt het ervan af of je je code kunt exporteren.