Wat is vibe coding?

Wat betekent vibe coding precies?

Bij vibe coding beschrijf je in normale zinnen wat je wilt bouwen, en schrijft een AI-model de code. Je leest die code meestal niet regel voor regel terug. Je kijkt naar wat er op het scherm verschijnt, zegt wat er anders moet, en het model past het aan. Jij bewaakt de richting, de AI doet het typewerk.

De term werd begin 2025 gemunt door Andrej Karpathy, medeoprichter van OpenAI. Zijn observatie: de modellen zijn goed genoeg geworden om je volledig aan de "vibes" over te geven en de code te vergeten. Wat als grap begon, is een serieuze werkwijze geworden. In Nederland bouwen freelancers, indie builders en ondernemers er inmiddels complete producten mee.

Het verschil met klassiek programmeren zit in de rolverdeling. Een programmeur denkt in functies en datastructuren. Een vibe coder denkt in schermen en gedrag: "als iemand op deze knop klikt, wil ik dat er een bevestiging verschijnt." Beide maken software. De drempel is alleen radicaal lager geworden.

Hoe begin je met vibe coding?

Je hebt geen opleiding of installatie-avond nodig. Je hebt een tool nodig, een klein plan en de discipline om in kleine stappen te werken.

1. Kies één tool en blijf daar even. Een app-builder zoals Lovable, Bolt of v0 is de zachtste start: je typt, je ziet direct een werkende pagina.
2. Begin met één scherm, niet met een heel product. "Een pagina met mijn drie diensten en een contactknop" is een goede eerste opdracht.
3. Verander één ding per bericht. "Maak de knop groter" werkt; vijf wensen in één bericht werkt niet.
4. Werkt iets? Bewaar dan de prompt of instelling die het deed werken, zodat je die in je volgende project opnieuw gebruikt.

Welke tools gebruik je voor vibe coding?

Er zijn drie smaken, van laagdrempelig naar krachtig. Welke je kiest hangt af van hoe dicht je op de code wilt zitten.

• App-builders (Lovable, Bolt, v0): je beschrijft, zij bouwen en hosten. Ideaal om te beginnen; je ziet nooit een terminal.
• Chat-assistenten (ChatGPT, Claude, Gemini): goed voor losse componenten, teksten en uitleg. Je plakt de code zelf ergens in.
• Agent-tools (Cursor, Claude Code): de AI werkt rechtstreeks in je projectmap. Het krachtigst, en de logische volgende stap zodra je meer controle wilt.

Belangrijker dan de toolkeuze: elk van deze tools heeft hetzelfde blinde vlek. Ze schrijven werkende code, maar ze kiezen geen smaak. Daarover hieronder meer.

Waarom ziet vibe-coded werk er vaak hetzelfde uit?

Zet tien vibe-coded websites naast elkaar en je ziet tien keer hetzelfde: blauw-paarse kleuren, drie kaartjes naast elkaar, standaard spacing. Dat is geen toeval. Een AI-model is getraind op miljoenen bestaande websites en kiest zonder sturing altijd het veilige gemiddelde. De code klopt, de smaak ontbreekt.

Bezoekers oordelen in een paar seconden op uitstraling. Een werkende site die eruitziet als een template uit 2019 verliest het van een even werkende site die verzorgd oogt. Het goede nieuws: het gemiddelde is een standaardinstelling, geen plafond. Je kunt het model andere keuzes laten maken door die keuzes mee te geven.

Hoe zorg je dat je vibe-coded project er goed uitziet?

Geef je AI visuele context voordat het gaat bouwen: een kleurenpalet met exacte hexcodes, een font-pairing met namen en gewichten, en twee of drie zinnen visuele richting. Dat is alles. Het model hoeft geen smaak te hebben als jij de smaak aanlevert.

Struq is de Nederlandse visuele bibliotheek voor AI-native builders. Je bladert er door gecureerde paletten, typografie en visuele richtingen, kopieert de prompt en plakt hem in ChatGPT, Claude of je builder. Bewaar wat werkt in je eigen vault en elk volgend project begint met smaak in plaats van met een template.