In het kort:
Een aantal AI-adviseurs van DEN gingen zelf aan de slag met vibe coding. Hun belangrijkste les: begin niet met de tool, maar met een helder probleem. Kies een AI-assistent (Claude, ChatGPT) voor een eerste prototype, of een gespecialiseerd platform (Bolt, Lovable) als je direct wilt publiceren. Test elk resultaat als een gesprek, en laat een developer meekijken voordat je live gaat met een publiekstool.
Wil je eerst weten wat vibe coding precies is, wat de voor- en nadelen zijn en wanneer je het inzet? Lees dan eerst eens dit artikel.
Wat kun je bouwen?
Van alles. Denk aan websites, apps, formulieren, checklists, vragenlijsten, dashboards, je kunt het zo gek niet bedenken of je kunt het bouwen met AI. Als we denken aan de cultuursector dan zijn dit een paar voorbeelden:
Een interne roostertool voor techniek en cast van een theatergezelschap.
Een interactieve kaart van locaties en programma's op een festival.
Een digitale quiz als onderdeel van een educatief programma, volledig afgestemd op de doelgroep.
Een aanmeldformulier voor een activiteit.
Een overzichtspagina maken voor een eenmalige gastprogrammering, zonder afhankelijk te zijn van de websitebeheerder.
De kracht van vibe coding is dat je lichte, op maat gemaakte tools kunt maken voor situaties waarvoor kant-en-klare software niet bestaat of te duur is.
Welke tools kun je gebruiken?
Er zijn grofweg drie soorten tools voor vibe coding. Ze verschillen sterk in toegankelijkheid, mogelijkheden en de doelgroep waarvoor ze bedoeld zijn.
1. Algemene AI-assistenten
Bekende voorbeelden: Claude, ChatGPT, Copilot, Mistral.
Wanneer geschikt: als startpunt voor wie nog geen ervaring heeft met vibecoding, voor het ontwikkelen van concepten en eenvoudige interne tools.
Dit zijn de chattools die je waarschijnlijk al kent of gebruikt. Je beschrijft wat je wilt bouwen en de AI genereert de code. Veel van deze tools hebben een ingebouwde preview-modus waarin je het resultaat direct naast de chat ziet. Hoewel de tool hier lijkt te werken, is deze nog niet gepubliceerd voor gebruik of om te delen. Je kunt bijvoorbeeld informatie van een quiz of formulier niet uitlezen.
2. Gespecialiseerde vibe coding -platforms
Bekende voorbeelden: Bolt, Lovable, Base44, Replit.
Wanneer geschikt: zodra je enige ervaring hebt opgedaan, of als je direct een volledige, publiceerbare tool wilt bouwen.
Deze platforms zijn specifiek gebouwd voor vibecoding en combineren een chatinterface met een livepreview én hosting in één omgeving. Het grote verschil met een algemene AI-assistent is dat je hier alle stappen, van bouwen tot hosten, op één platform kunt doen. De keerzijde is dat je een nieuw platform moet leren kennen en dat bij intensief gebruik kosten ontstaan.
3. AI-versterkte ontwikkelomgevingen
Bekende voorbeelden: Cursor, Claude Code, Codex.
Deze tools zijn gebouwd voor developers die al kunnen programmeren en AI inzetten om sneller te werken. Ze zijn krachtig, maar veronderstellen technische kennis die de meeste cultuurprofessionals niet hebben. De rest van dit artikel richt zich daarom op de eerste twee categorieën.
Categorie | Voorbeelden | Testomgeving | Backend en hosting | Voor wie |
Algemene AI-assistenten | Claude, ChatGPT, Copilot, Mistral | Preview in de chat | Niet ingebouwd | Beginners, eenvoudige tools |
Gespecialiseerde platforms | Bolt, Lovable, Base44, Replit | Livepreview in platform | Ingebouwd en automatisch | Gevorderden, complexere tools |
Ontwikkelomgevingen | Cursor, Claude Code, Codex | In de programmeer-omgeving | Zelf te regelen | Developers met programmeerkennis |
Zo ga je in 5 stappen aan de slag met vibe coding
Verzamel inzichten
Begin niet met de tool, maar met de vraag. Wie is je doelgroep? Wat is het probleem dat je wil oplossen? Wat moet iemand kunnen doen met jouw tool, en wat moet het resultaat zijn?
Hoe helderder je het probleem in kaart brengt, hoe beter de AI je kan helpen. Een paar vragen om te beantwoorden:
- Voor wie bouw ik dit? (publiek, collega's, vrijwilligers, kinderen?)
- Welk probleem lost het op, of welke taak maakt het makkelijker?
- Wat moet het resultaat zijn voor de gebruiker?
Bepaal wat je wil bouwen
Kies één concreet, afgebakend probleem. Dat klinkt beperkend, maar het is de sleutel tot succes. Een tool die één ding goed doet is beter dan een tool die te veel probeert. Beschrijf kort wat de tool moet doen, voor wie, en wat het zichtbare resultaat is.
Voorbeeld: "Een formulier waarmee bezoekers zich kunnen aanmelden voor een rondleiding. Ze vullen hun naam, e-mailadres en gewenste datum in en ontvangen een bevestigingsbericht."
Beschrijf je wensen en stuur bij
Typ in gewone taal wat je wil bouwen. Geef zoveel mogelijk context mee: het doel van de tool, wie de gebruikers zijn, welke informatie nodig is en de huisstijl van je organisatie. Voeg relevante documenten of teksten toe, bijvoorbeeld over je organisatie, de activiteit, tentoonstelling of voorstelling, of een beschrijving van het werkproces van je team.
Een rijke prompt levert een veel beter resultaat op dan een korte opdracht. Vergelijk:
"Maak een quiz over de Gouden Eeuw."
met:
"Maak een interactieve quiz voor kinderen van 8 tot 12 jaar als onderdeel van ons educatieve programma over de Gouden Eeuw. De quiz heeft 10 vragen met meerkeuze-antwoorden. Na elke vraag ziet het kind of het antwoord goed of fout was. Aan het einde krijgen ze een score met een korte boodschap. De huisstijl is donkerblauw en goud."
Krijg je niet direct een werkende tool? Voeg dan de tekst "een werkende [tool] in HTML" toe aan je prompt. HTML is een formaat dat direct in een browser werkt, zonder extra installaties.
Behandel het als een gesprek
Vibecoding is geen eenmalige actie, maar een dialoog. Test het eerste resultaat, beschrijf wat niet werkt, en vraag om aanpassingen. Wees specifiek:
- "De knop werkt niet, klik erop maar er gebeurt niets."
- "De vragen zijn te moeilijk voor kinderen, maak ze eenvoudiger."
- "Voeg een voortgangsbalk toe bovenaan de pagina."
De onzekerheid van "weet ik wel wat ik doe?" hoort bij het begin. Het moment dat je eerste prototype werkt, maakt dat gevoel snel goed.
Krijg je een foutmelding in de code? Deel de code of foutmelding dan met AI en laat AI de fout oplossen.
Laat een technisch oog meekijken
Wil je de tool daadwerkelijk in gebruik nemen, zeker voor publiek? Laat dan een developer of IT-adviseur meekijken voordat je live gaat. Denk aan:
- Beveiliging: worden gegevens op een veilige manier verwerkt?
- Privacy en AVG: sla je persoonsgegevens op en zo ja, doe je dat conform de wet?
- Toegankelijkheid: is de tool bruikbaar voor mensen met een beperking?
- Beheer: wie is verantwoordelijk als er iets misgaat of als de tool moet worden bijgewerkt?
Voor intern gebruik is dit minder urgent, voor een publiekstool is het een essentiële stap.
De eerste stap is het moeilijkst
Tot slot een eerlijke noot: met vibe coding kunnen je mooie tools bouwen, maar het kan zeker in het begin ook tegenvallen. Een tool kan anders uitpakken dan gehoopt, of lastiger te integreren zijn dan gedacht. In het begin bouw je vooral eenvoudige dingen; complexere toepassingen vragen meer ervaring. Die frustratie hoort erbij. Het is geen teken dat je het verkeerd doet, maar dat je aan het leren bent.
Begin klein, experimenteer, en laat je verrassen door wat er mogelijk is. Het moment dat je eerste prototype werkt, voelt als een bevrijding: meer autonomie om zelf digitale tools te maken die bij jouw werk en situatie passen.
Zes weken, zes praktische AI-tips
Deze zomer delen onze AI-adviseurs iedere week een praktische tip waarmee je AI slimmer kunt inzetten in je werk. Abonneer op de LinkedIn nieuwsbrief van DEN en ontdek in zes weken nieuwe toepassingen die je direct kunt uitproberen.
Veelgestelde vragen
Welke tool moet ik kiezen als beginner?Toon uitlegVerberg uitleg
Begin met een algemene AI-assistent zoals Claude of ChatGPT. Die ken je waarschijnlijk al, en je kunt gratis en zonder nieuw platform een eerste prototype testen. Stap pas over naar een gespecialiseerd platform als Bolt of Lovable zodra je de tool ook echt wilt publiceren.
Wat doe ik als vibe coding een foutmelding geeft?Toon uitlegVerberg uitleg
Deel de foutmelding of de code direct met de AI en vraag om een oplossing. Vibe coding is een dialoog: beschrijf specifiek wat er misgaat, bijvoorbeeld "de knop werkt niet als ik erop klik", in plaats van alleen "het werkt niet".
Kan ik een vibe-gecodeerde tool zomaar publiceren voor mijn publiek?Toon uitlegVerberg uitleg
Nee, niet zonder controle. Laat altijd een developer of IT-adviseur meekijken naar beveiliging, privacy (AVG), toegankelijkheid en beheer voordat je een publiekstool live zet.
Verder experimenteren met vibe coding?
DEN organiseert dit najaar twee activiteiten waarin vibe coding aan bod komen. Wil je onder begeleiding zelf leren vibe coden? Sluit dan aan bij de workshop Verdieping in AI.
Heb je een goed idee maar wil je het bouwen van een tool liever aan experts overlaten? Sluit dan aan bij de hackathon.
Meer artikelen per onderwerp
Meer over artifical intelligence (ai)
Maar hoe maak je dan wél een goede afbeelding met AI? 6 tips
Wanneer moet ik content als “AI-generated” labelen?
Vibe coding: zelf een digitale tool bouwen zonder te kunnen programmeren
AI en toegankelijkheid: vier manieren waarop cultuuraanbod toegankelijker wordt voor mensen met een visuele of auditieve beperking
Nieuw(s) op DEN
User generated content: zo zet je het effectief in
Lunch & Learn: voorbereid op cyberincidenten - in 45 minuten
Weet jouw organisatie wat er moet gebeuren bij een phishingaanval, datalek of systeemuitval? Schuif tijdens de lunch aan bij deze gratis online sessie en maak in drie kwartier laagdrempelig kennis met het opstellen van een incident- en herstelplan.
Handleiding cyberincidenten: voorbereiding, respons en herstel
Vacature: Office Assistent (tijdelijk)
