Studio Hyra University
Bouwen met AI
Bouw deze week iets wat werkt. Geen code, geen gedoe, geen toestemming nodig.
8 lessen · ~35 min · Beginnend+
Les 01
Het verschil tussen gebruiken en bouwen
AI gebruiken betekent antwoorden krijgen. Bouwen met AI betekent iets maken dat werkt ook als jij er niet bij bent. Deze les legt uit wat bouwen betekent als je geen code schrijft.
Je hebt geleerd om goede resultaten uit AI te halen. Maar elke keer ben jij degene die erbij zit. Typt. Prompts schrijft. Nakijkt. De output is prima, maar alleen als jij aanwezig bent. Bouwen is iets anders. Dat betekent iets maken dat zelfstandig werkt. Een tool die iemand anders kan gebruiken, zonder te weten dat er AI achter zit. Een pagina op het internet. Een workflow die automatisch draait. Drie niveaus van bouwen zonder code. Level 1. een opgeslagen systeem. Een Claude Project met eigen instructies en geüploade bestanden. Level 2: een interactieve tool. Een website of formulier gebouwd met een no-code builder. Level 3: een geautomatiseerde workflow. Iets dat draait op een schema of trigger. Deze cursus behandelt alle drie de niveaus. Aan het einde heb je op elk niveau minstens één ding gebouwd.
Aan de slag
Denk aan de prompt of template die je het vaakst gebruikt. Dat wordt je eerste bouwproject. Na les 3 is het een tool die iemand anders zonder jou kan gebruiken.
Les 02
Claude Projects. je eerste product
Een Claude Project is de snelste manier om je expertise herbruikbaar te maken. Eigen instructies, geüploade bestanden, context die bewaard blijft. In tien minuten staat het.
Claude Projects is waar prompting overgaat in bouwen. Je configureert je setup eenmalig: wat Claude moet weten, hoe het zich gedraagt, welke bestanden het gebruikt. Merkrichtlijnen, templates, data, alles staat klaar. Daarna open je het project en begin je gewoon te typen. Claude kent de context al. En iedereen met wie je het deelt, werkt meteen vanuit hetzelfde vertrekpunt. Concreet voorbeeld. een Client Brief Generator. Je uploadt je brieftemplate en een paar sterke briefs als referentie. In de instructies leg je vast welke vragen Claude stelt en welk format het eindresultaat heeft. Even testen, doorsturen naar een collega. Tien minuten werk. Een product dat het blijft doen.
Aan de slag
Open Claude. Maak een nieuw Project aan. Schrijf instructies voor de taak die je het vaakst doet. Upload een referentiebestand. Test het met een echte vraag. Je hebt zojuist je eerste AI-product gebouwd.
Les 03
Geef het je kennis
Het verschil tussen een generieke AI-tool en jóuw AI-tool zit in de kennis die je erin stopt. Wat je uploadt, hoe je het structureert, en hoe je AI laat werken met jouw specifieke expertise.
AI weet veel over de wereld. Over jouw bedrijf weet het niets. Dat gat is precies waarom output vaak zo generiek aanvoelt. Je dicht het door het juiste materiaal te uploaden. Wat je uploadt. je beste werk (AI leert je stijl), je processen (SOPs, checklists), je terminologie (vakjargon, productnamen), je kaders (wat je vermijdt, wat niet onderhandelbaar is). Wat je niet uploadt. vertrouwelijke klantdata, grote ongestructureerde documenten, verouderde informatie. Hoe je het opbouwt. één onderwerp per bestand. Gebruik koppen en een heldere structuur. Een gefocuste brief van twee pagina's doet meer dan een handboek van veertig. AI verwerkt gestructureerde documenten veel beter dan lappen tekst.
Aan de slag
Pak het Claude Project uit les 2 erbij. Upload nog één document: hoe jij die taak normaal aanpakt. Stuur daarna hetzelfde verzoek opnieuw. Kijk hoe veel dichter de output bij jouw werkwijze ligt.
Les 04
Bouw een echte pagina met Bolt
Je bouwt een werkende website in 30 minuten, zonder een regel code. Bolt maakt echte, functionele pagina's op basis van jouw omschrijving. In deze les zet je je eerste build neer.
Bolt (bolt.new) bouwt websites en eenvoudige apps op basis van een beschrijving. Je zegt wat je wil, Bolt schrijft de code, en je ziet het resultaat meteen. Aanpassen doe je gewoon door te typen wat er anders moet. Stap 1. beschrijf wat je wil. Wees concreet. "Een landingspagina voor een consultancydienst. Header met bedrijfsnaam en tagline. Drie secties: wat we doen, hoe we werken, contact. Donkere achtergrond, witte tekst, oranje accenten." Stap 2. bekijk wat Bolt maakt. Bij de eerste poging klopt zo'n 80% al. Let op de structuur, de details komen later. Stap 3. stuur bij. "Maak de kop groter. Vervang 'Contact' door een contactformulier. Voeg een testimonial-sectie toe." Stap 4. publiceer. Bolt geeft je een URL en je pagina staat live. Het hele proces duurt 20 tot 30 minuten. Bolt werkt goed voor pagina's en eenvoudige tools. Voor complexe apps of alles met gebruikersaccounts schiet het tekort.
Aan de slag
Ga naar bolt.new. Beschrijf een pagina die je echt nodig hebt. Iets simpels: een landingspagina, een eventpagina, een interne tool. Bouw het, zet het live, deel de URL. Je hebt net een website opgeleverd.
Les 05
Maak het interactief
Een pagina die iets doet is sterker dan een pagina die iets laat zien. Formulieren, calculators, quizzen en beslisbomen, dat bouw je zonder code.
Statische pagina's tonen informatie. Interactieve pagina's reageren op gebruikers. Het verschil: een calculator die besparingen inschat, een quiz die persoonlijke aanbevelingen geeft, een formulier dat op maat output produceert.
Wat je zonder code kunt bouwen. een calculator ("Vul je teamgrootte in, zo veel kan AI je besparen"), een quiz of assessment ("Beantwoord deze vragen, dit is ons advies"), een formulier met slimme output ("Beschrijf je project, hier is een scope-inschatting"), een beslisboom ("Wat wil je bereiken? Dit is de beste aanpak.").
Hoe je interacties aan Bolt beschrijft. wees concreet over wat er gebeurt als een gebruiker iets doet. "Als de gebruiker een getal invult in het teamgrootte-veld, vermenigvuldig dat met 4 en toon het als 'Geschatte uren bespaard per maand.'"
Aan de slag
Pak de pagina van les 4. Voeg één interactief element toe. Een contactformulier, een simpele calculator, of een quiz. Deploy de bijgewerkte versie. Je hebt nu een tool gebouwd, geen gewone pagina.
Les 06
Verbind de puzzelstukjes
Echte tools bestaan niet op zichzelf. Je Claude Project koppelen aan je Bolt-pagina, je formulier aan een workflow. Zo worden losse onderdelen één systeem.
De makkelijkste aanpak. kopieer content uit je Claude Project en plak het in je Bolt-pagina. Niet ingewikkeld, maar het werkt.
Een stap verder is Bolt iets laten bouwen dat zelf met AI praat. Beschrijf wat je wilt: "Als het formulier wordt ingediend, stuur de invoer naar een AI en toon het antwoord." Bolt begrijpt dat.
Daarna heb je geautomatiseerde workflows met Make (make.com) of Zapier. Zoiets als: "Als er een formulierinzending binnenkomt, stuur die naar Claude, formatteer het antwoord en mail het naar mij." Visuele builders, geen code nodig.
Maar eerlijk. verbindingen zijn precies waar no-code tools hun grenzen laten zien. Eenvoudige flows werken goed. Zodra de logica complexer wordt, loopt het al snel vast. Dat is de grens.
Aan de slag
Koppel iets wat je hebt gebouwd aan één ander ding. Een Claude Project aan een Bolt-pagina. Een formulier aan een e-mailmelding. Één koppeling. Zo beginnen systemen.
Les 07
Zet het live, niet op de perfecte versie wachten
De 80%-versie die live staat is meer waard dan de 100%-versie in je hoofd. In deze les leer je wanneer je moet stoppen met sleutelen en beginnen met delen.
Wat je nu hebt, is live meer waard dan perfect in de la. Echte gebruikers laten zien wat er niet klopt. Jij denkt dat de headline beter kan. Je gebruikers haken af op dat verwarrende formulier. Dat weet je pas als je het verstuurt. Snel bewegen houdt je scherp. Eén ding live zetten leert je meer dan vijf dingen tot in de puntjes plannen. Een checklist voor als je twijfelt. Doet het wat het moet doen? Kan iemand anders er zonder uitleg mee overweg? Ziet het er verzorgd genoeg uit? Is er een bug die de kernfunctie kapotmaakt? Ja op de eerste drie en nee op de laatste: zet het live. De rest is een volgende iteratie, geen reden om te wachten.
Aan de slag
Laat iemand vandaag zien wat je hebt gebouwd. Niet volgende week. Vandaag. Stuur de URL. Vraag ze het te proberen. Één reactie nu is meer waard dan nog een week bijschaven.
Les 08
Wanneer je groter denkt
Alles heeft grenzen. Zo herken je wanneer je no-code build meer nodig heeft, en wat je dan kunt doen.
Herkenbare signalen dat je project no-code ontgroeid is. meer dan een handjevol mensen heeft het nodig, echte data vraagt betrouwbare opslag, verschillende mensen hebben verschillende rechten, het moet altijd beschikbaar zijn, en de logica wordt steeds complexer. Wat je dan kunt doen. Optie 1 is de Assisted Coding cursus. leer productieklare software bouwen met AI. Optie 2 is Studio Hyra inhuren. Wij brengen ideeën van concept naar productie. Optie 3 is een developer inhuren. Het werk dat je hier gedaan hebt, helpt je om ze meteen goed te briefen. De eerlijke waarheid. de meeste mensen hoeven nooit verder te gaan dan wat deze cursus leert. Een Claude Project en een schone Bolt-pagina lossen de meeste professionele behoeften op. Ga niet verder omdat je denkt dat het moet. Ga verder omdat je er echt niet meer uitkomt.
Aan de slag
Kijk naar wat je hebt gebouwd. Is het genoeg? Zo ja, blijf verfijnen. Loop je vast, kijk dan welk signaal van toepassing is. Dat vertelt je welke richting je op moet.
Je hebt iets live gezet.
Je hebt al een basis gelegd. Wil je verder met Claude, of leren hoe je AI-projecten trekt? De volgende cursussen staan klaar.