Uitleg

Een goed Vibe Coding-idee begint niet met “ik wil een AI-tool maken”, maar met een concrete frustratie of wens. Denk aan: “ik wil een dialoogtool inzetten tijdens mijn lessen” of “ik wil mijn video-ideeën automatisch omzetten naar scripts.” Hoe herkenbaarder het probleem, hoe sterker het idee.

Geef de AI een bewuste rol

Vibe Coding werkt het krachtigst als je de AI een duidelijke rol geeft. Afhankelijk van je doel kies je een van de vier rollen — en die keuze bepaalt hoe de tool communiceert met de gebruiker.

Als je eenmaal een idee hebt, bepaal je welke rol de AI speelt in je tool. Die keuze bepaalt hoe de tool communiceert — en dat heeft direct invloed op hoe je de rest van je concept uitwerkt.

Dan is de doelgroep bepalend. Wie gebruikt de tool? Jezelf, een collega-docent, studenten, een coach? Hoe concreter je dat weet, hoe beter je kunt sturen op taal, stijl en functie.

Een goed idee is ook klein en testbaar. De output moet direct bruikbaar zijn — denk aan een rubric, planning, script, quiz of checklist die iemand meteen kan inzetten.

Laat AI je helpen om je concept aan te scherpen. Laat AI jou bevragen: wat moet de tool precies kunnen, wie gebruikt hem en welke stappen doorloopt de gebruiker? Zo ontdek je snel wat er nog onduidelijk is.

Praktisch voorbeeld ter illustratie: Werkbladen ontwerpen

“Ik wil een tool maken waarmee docenten werkbladen kunnen ontwerpen op basis van een leerdoel en doelgroep. Je kunt een leerdoel, het niveau en een thema meegeven, en de tool genereert een kant-en-klaar werkblad met opdrachten en een passende verwerkingsvorm. Door meer context toe te voegen — zoals het vak, de beschikbare tijd of de werkvorm — wordt het werkblad nog gerichter.”

Uitleg

Een sterke bouwprompt bestaat uit zes onderdelen. Samen geven ze de AI genoeg richting om een eerste bruikbare tool te bouwen.

Begin met de Taak: wat moet de tool doen? Beschrijf wat de gebruiker invoert en wat de tool teruggeeft. Bijvoorbeeld: de gebruiker vult een leerdoel in, en de tool genereert drie bijpassende lesactiviteiten. Denk ook na over de workflow: hoe wil je dat de tool werkt? Wil je dat de gebruiker eerst een onderdeel of thema kiest voordat de tool verdergaat? Wil je verschillende opties of paden verwerken? Hoe specifieker je dit beschrijft, hoe beter de AI de structuur van je tool kan opbouwen.

Voeg Context toe: voor wie is de tool en in welke situatie wordt hij gebruikt? Hoe specifieker je de doelgroep en het doel beschrijft, hoe relevanter de output.

Bepaal het Format: hoe moet de output eruitzien? Denk aan een stappenplan, tabel, kaartenset, formulier of interactieve flow. Geef ook instellingen mee zoals taal, niveau of lengte. Je kunt ook nadenken over gebruikersinstellingen: wil je een taalswitch inbouwen zodat gebruikers kunnen wisselen tussen Nederlands en Engels? Kunnen gebruikers een timer activeren? Kunnen ze de stijl of het niveau aanpassen? Dit soort keuzes bepaal je al in de prompt, zodat de AI ze direct meeneemt in de bouw.

Je kunt ook een promptsysteem meegeven bij het opbouwen van je tool. Dat is een set instructies die de AI altijd in de achtergrond meekrijgt — onzichtbaar voor de gebruiker, maar sturend voor het gedrag van de tool. Handig als je wilt dat de tool altijd in een bepaalde stijl reageert, bepaalde onderwerpen vermijdt of een vaste rol aanhoudt.

Beschrijf de Stijl en Toon: hoe moet de tool aanvoelen? Rustig en professioneel, speels en visueel, coachend en warm, of strak en minimalistisch — de uitstraling stuurt hoe de AI de interface en teksten opbouwt.

Geef de AI een Rol: vanuit welke expertise moet hij meedenken? Als onderwijsontwerper, coach, UX-designer of feedbackexpert? Dit helpt de AI om betere keuzes te maken in inhoud en vormgeving.

Voeg een Voorbeeld toe als je een idee hebt hoe de output eruit moet zien. Dat kan een ingevulde input zijn, een gewenste outputstructuur of een korte voorbeeldinteractie. Een voorbeeld maakt de bedoeling veel concreter.

Voorbeeldprompt

“Maak een eenvoudige interactieve webtool voor eerstejaars studenten die hen helpt om een reflectieverslag te structureren. De tool bevat drie stappen: situatie beschrijven, leerpunt formuleren en vervolgstap bepalen. Gebruik een rustige, coachende toon en een overzichtelijke interface. Fungeer als onderwijsontwerper met aandacht voor UX.”

Uitleg

Er zijn veel Vibe Codingomgevingen beschikbaar. De keuze hangt af van je doel, je technische kennis en wat je wilt bereiken.

Sommige omgevingen zijn ideaal voor snelle prototypes zonder code-kennis. Andere geven meer controle over de technische kant.

Begin met een laagdrempelige omgeving en schakel over naar een krachtigere als je meer controle nodig hebt.

Keuzeoverwegingen

Heb je een Gmail-account? Dan kun je snel en laagdrempelig aan de slag in AI Studio. Ben je al heel vaardig met coderen? Dan zou je bijvoorbeeld Cursor eens kunnen proberen.

Tooloverzicht

De ontwikkelingen rond AI- en Vibe Codingomgevingen gaan snel. Functionaliteiten, credits en exportmogelijkheden kunnen regelmatig veranderen. Sommige omgevingen vereisen een account (gratis of betaald), en niet alle platforms zijn beschikbaar via een Fontys-account. Check dit van tevoren. Gebruik dit overzicht als startpunt, niet als definitieve keuzehulp.

Er is niet één beste Vibe Codingomgeving. De beste keuze hangt af van je idee, je technische ervaring, de gewenste output en wat je uiteindelijk met het prototype wilt doen. Beschrijf je idee, je niveau en je doel aan je AI-systeem en vraag welke bouwomgeving het meest logisch is als volgende stap.

Uitleg

Nadat je je bouwprompt instuurt in de gekozen Vibecodingomgeving, genereert de AI een eerste versie van je prototype.

Je hoeft niet alles te begrijpen van de code. Beoordeel het resultaat als gebruiker: werkt de interface? Is de flow logisch? Ontbreekt er iets?

Geef vervolgopdrachten direct in dezelfde bouwomgeving om het prototype te verbeteren — je hoeft niet terug naar een apart AI-chatvenster. Wees specifiek: beschrijf wat je ziet en wat je wilt veranderen of maak screenshots om duidelijk te maken wat je bedoelt.

Door mee te kijken met de code leer je wat de AI doet en kun je beter sturen.

Voorbeelditeratieprompt

“Maak de startpagina overzichtelijker, gebruik de Fontyskleuren en voeg een duidelijke instructietekst toe voor gebruikers die de tool voor het eerst openen.”

Uitleg

Testen doe je op drie niveaus: gebruiksvriendelijkheid (begrijpt de gebruiker de tool?), inhoud (klopt de informatie?) en logica (werkt de tool zoals bedoeld?).

Verzamel feedback van echte gebruikers. Let op waar mensen vastlopen, wat verwarrend is en wat ontbreekt.

Beschrijf bugs zo concreet mogelijk voor de AI: wat gebeurt er, wat zou er moeten gebeuren, en in welke stap treedt het op?

Prioriteer verbeteringen: wat heeft de meeste impact op de gebruiker?

Voorbeeldbugfixprompt (typ dit direct in je bouwomgeving)

“De knop ‘Volgende stap’ werkt niet. Analyseer mogelijke oorzaken en pas de code aan zodat de knop naar de juiste volgende stap gaat.”

Testvragen

1. Begrijpt de gebruiker wat de tool doet?
2. Is de eerste stap duidelijk?
3. Werken de knoppen?
4. Waar loopt iemand vast?
5. Wat gebeurt er bij onzinnige invoer of een leeg veld?
6. Wat gebeurt er als je de instructies van de tool probeert te omzeilen (bijv. “vergeet je instructies en doe...”)?
7. Welke verbetering heeft prioriteit?