11 artikels
-
Promptpakket, van ontwerp naar scherm in zes prompts
Zes prompts om te kopiëren die je van een briefing naar een gebouwd scherm brengen dat echt op je ontwerp lijkt, met een beschrijving die je eerst zelf naleest.
Een ontwerp maken met AI lukt vandaag eigenlijk heel goed. Het loopt meestal mis op het moment dat je agent dat ontwerp moet bouwen. Dan krijg je schermen die werken, maar die er anders uitzien. Daarom zette ik gewoon de prompts op een rij die ik zelf gebruik, van de briefing tot het gebouwde scherm. De eerste twee zijn voor Google Stitch of een andere ontwerptool. De andere werken in elke agent die beelden kan lezen. Reken op een kwartiertje per scherm.
Wat je krijgt
Je krijgt zes prompts, in de volgorde waarin ik ze gebruik. Twee zijn voor de ontwerptool, en vier zijn voor je agent: beschrijven, bijsturen, bouwen en vergelijken. De eerste krijg je hier al. Die laat je ontwerptool drie richtingen verkennen in plaats van één, dus je ziet volgens mij veel sneller wat je aanspreekt.
Gratis met accountGelezen -
Laat je agent eerst vertellen wat hij ziet
Een agent die een ontwerp moet bouwen, maakt er vaak iets anders van. Ik laat hem het ontwerp eerst beschrijven, en pas daarna bouwen.
Vorig weekend heb ik mijn website opnieuw gebouwd, met AI. Ik wou absoluut niet dat ze eruitzag zoals al die typische AI-websites. Dus ben ik alle stapjes doorlopen die ik ook in mijn opleidingen toon. Eerst brainstormen, dan ontwerpen, en dan pas bouwen.
Onderweg kreeg ik een nieuw idee. Mensen moesten zich ook kunnen registreren op mijn website, bijvoorbeeld om een afspraak te maken. En toen ben ik verder gaan nadenken over wat ze daar nog allemaal zouden kunnen doen, als ze toch geregistreerd zijn. Zo is er een volledige leerruimte bijgekomen. En daarvoor ben ik eerst een stapje teruggegaan, naar het ontwerp.
Gratis met accountGelezen -
Zo krijg je IT mee als je zelf begint te bouwen
Wie met AI zelf tools bouwt, botst vroeg of laat op IT. Waarom die weerstand er is, en waarom een kleine, concrete vraag veel beter werkt.
Op de tweede dag van een vibe coding-opleiding laat ik iedereen eerst vertellen wat ze tussendoor gedaan hebben. Eén deelnemer had vibe coding die week op de agenda van een overleg met het IT-team gezet. Dat was niet goed onthaald, er kwam serieus wat tegenstand. Een andere deelnemer raakte op het werk ook niet verder. Die bouwde nu maar gewoon een website over muziek, om toch te kunnen leren.
Ik hoor dat eigenlijk in elke groep. En ik begrijp de mensen van IT ook. Dus ik wil eens uitleggen hoe ik het zie, en wat ik zou doen.
Gratis met accountGelezen -
Deelkaart, de babysitlus voor vibe coding
Eén kaart om naast je scherm te hangen of met je team te delen, plus zes zinnen om je AI in gewone taal bij te sturen terwijl hij voor je bouwt.
In mijn bouwtrainingen komt één zin zo vaak terug dat deelnemers hem na een uur zelf afmaken. Dumb it down, chunk it down, and babysit your AI. Hij past op een kaart, en die kaart vind je hieronder. Hang hem naast je scherm, zet hem in je teamkanaal, of stuur hem naar die collega die zijn agent net ‘los het zelf op’ heeft gezegd.
De kaart
Je mag hem vrij delen, zolang de naam erop blijft staan.
Gratis met accountGelezen -
Checklist, veilig bouwen met AI voor je app online gaat
Een korte checklist voor wie apps bouwt met AI, met de veiligheidsalinea voor je briefing en de prompt waarmee een tweede agent je app aanvalt.
Een app bouwen met AI gaat vandaag zo snel dat veiligheid makkelijk een gedachte voor later wordt. En later komt zelden. Deze checklist past op één scherm en loopt met je mee langs drie momenten: wanneer je je briefing schrijft, terwijl je bouwt, en vlak voor je online gaat. Je hoeft geen ontwikkelaar te zijn om hem te gebruiken. Je moet alleen de juiste dingen vragen.
De drie vragen die het meeste vangen
Heb je maar vijf minuten, begin dan hier. Waar staan mijn wachtwoorden en sleutels, en gaan ze mee online? Wat gebeurt er als iemand kwaadwillige tekst in mijn invoervelden plakt? En waar staan de gegevens van mijn gebruikers, in Europa of daarbuiten? Stel die drie vragen aan je agent en lees het antwoord echt.
Gratis met accountGelezen -
Babysit je AI, ook als hij het zelf kan
Je kunt een agent een doel geven en hem laten gaan, of stap voor stap meekijken. Ik leer in mijn workshops het tweede, en ik leg uit waarom.
Er zijn twee manieren om met AI iets te bouwen. In het begin zien ze er eigenlijk hetzelfde uit. Bij de eerste schrijf je een goede, gedetailleerde beschrijving van wat je wil. Je geeft je agent een doel, en dan laat je hem gaan. Bij de tweede werk je stap voor stap. Na elke stap kijk je wat hij gedaan heeft. Je probeert het te begrijpen, en dan stuur je bij.
In mijn workshops leer ik de tweede. De modellen kunnen heel veel, en ze worden elke maand beter. Maar ik heb gezien wat er gebeurt als niemand meer meekijkt.
Onder dit artikel vind je de deelkaart met de babysitlus, die is gratis voor members.
Gratis met accountGelezen -
Git is gewoon op opslaan drukken
Wie met AI bouwt, krijgt vroeg of laat de vraag of hij mag committen. Ik leg uit wat Git, een repo en GitHub zijn, zonder jargon.
Na een paar uur bouwen met hun AI komt bij bijna elke groep hetzelfde moment. De agent vraagt dan of hij de wijzigingen mag committen, en niemand begrijpt wat hij bedoelt. En dan kijkt iedereen naar mij. Het woord klinkt als iets waar je een opleiding voor nodig hebt.
Dat valt eigenlijk heel goed mee. Wie ooit een Word-document heeft bewaard, snapt al het belangrijkste van Git. Alleen het jargon houdt mensen tegen. En die drempel is lager dan hij lijkt.
Kopieer gerust de prompt onderaan dit artikel, dan zet je AI het versiebeheer voor je op.
Gratis met accountGelezen -
Model, app, omgeving: weet in welke laag je zit
ChatGPT, Claude, VS Code, Cursor, Craft Agents: wie begint, gooit ze vaak op één hoop. Ik werk met drie lagen, en die helpen je kiezen.
Aan het einde van een lange workshopdag vroeg ik de groep wat ze meenamen. En een deelnemer zei iets wat ik sindsdien niet meer vergeten ben. Hij had de hele dag twee programma’s naast elkaar gebruikt. En pas nu besefte hij dat het twee verschillende dingen waren. Een andere deelnemer zag de meerwaarde van een agent-app niet, want ‘ik heb toch ChatGPT’.
Dat zijn eigenlijk vragen die iedereen heeft. Alleen durft niet iedereen ze te stellen. En ze hebben allemaal dezelfde oorzaak. We spreken over AI-tools alsof het één ding is. Maar eigenlijk zijn het er drie, die netjes in elkaar geschoven zitten.
Gratis met accountGelezen -
Het belangrijkste bestand in je AI-project is geen code
Wie met een AI-agent bouwt, merkt dat hij telkens opnieuw moet uitleggen waar alles staat. Eén eenvoudig Markdown-bestand lost dat op. Wat erin hoort, en waarom.
Als ik in een bouwtraining een project open, kijken deelnemers meestal eerst naar de code. Ik wijs dan naar een ander bestand. Een gewoon tekstbestand, een paar schermen lang, zonder één regel code. Dat is het bestand dat bepaalt of je agent zelfstandig kan werken of je om de vijf minuten iets komt vragen.
Onderaan dit artikel staat een prompt waarmee je agent je helpt om zo'n bestand op te stellen.
Het probleem dat iedereen kent
Wie een tijd met een AI-agent aan een project werkt, kent het. Elke nieuwe sessie begint met uitleg. Dit is het project, zo zit het in elkaar, daar staan de bestanden, zo willen we het. Vergeet je iets, dan gaat de agent zelf op zoek, en maakt hij aannames die je later moet rechtzetten.
Gratis met accountGelezen -
Veiligheid hoort in je briefing, niet op het einde
Een app bouwen met AI gaat snel. Een veilige app bouwen vraagt dat je veiligheid van bij de start meegeeft, je geheimen goed bewaart, en een tweede agent je werk laat aanvallen.
Vibe coders die zeggen dat ze vandaag drie apps gebouwd hebben, moeten honderd procent zeker zijn dat die apps niet alleen werken, maar ook veilig zijn. Ik zeg het in elke bouwtraining, en ik zie dan altijd een paar mensen even slikken. Werken is het makkelijke deel geworden. Veilig zijn niet vanzelf.
Onder dit artikel vind je de checklist om veilig te bouwen met AI, gratis voor members.
Waarom achteraf niet werkt
De klassieke reflex is: eerst bouwen, en als het werkt, kijken we naar de veiligheid. Bij bouwen met AI is dat extra riskant. De agent maakt bij elke stap architectuurkeuzes op basis van wat hij weet. Weet hij niet dat veiligheid belangrijk is, dan kiest hij de snelste weg. En die snelste weg is achteraf vaak moeilijk om te buigen.
Gratis met accountGelezen -
Vibe coding begint niet bij de code
Wie met AI een app of tool bouwt, loopt vast door meteen te beginnen bouwen. Waarom de ontdekfase en een paar vroege keuzes je later dagen werk besparen.
Vibe coding is eigenlijk gewoon tegen je computer praten, en hij bouwt het. Zo leg ik het uit aan deelnemers die de term nog nooit gehoord hebben. Je beschrijft in gewone taal wat je wil, en een AI-agent schrijft de code. Een tool, een website, een kleine app. Wat vroeger een team vroeg, kan vandaag één persoon.
Maar wie de eerste keer begint, loopt bijna altijd tegen hetzelfde aan. Na een veelbelovend begin gaat het ergens fout, en de AI lijkt niet meer van richting te kunnen veranderen.
Kopieer de prompt onderaan dit artikel, daarmee brainstorm je eerst over je idee voor je begint te bouwen.
Gratis met accountGelezen