← Terug naar de race

🐪 De Aanpak

Alles wat je moet weten over agentic coding met Claude

Wat is Agentic Coding?

Bij agentic coding werk je samen met een AI-agent — in dit geval Claude Code — direct in de terminal. Je typt in gewoon Nederlands (of Engels) wat je wilt maken, en de agent bouwt het voor je. Je hoeft zelf geen code te schrijven of te begrijpen — de AI regelt alles. Denk aan een superslimme bouwer die razendsnel werkt terwijl jij de opdrachten geeft.

Hoe vlieg je het aan?

  • 1.Begin met een idee — Jullie starten met een leeg project. Bedenk wat je wilt bouwen en beschrijf het in je eigen woorden aan de agent.
  • 2.Laat de AI uitzoeken hoe — Je hoeft niet te weten hoe iets technisch werkt. Vraag het gewoon! De agent zoekt zelf uit welke aanpak het beste is.
  • 3.Bekijk het resultaat — Open je teamwebsite in de browser om te zien wat er gebouwd is. Bevalt het niet? Vertel de agent wat er anders moet.
  • 4.Bouw verder — Voeg stap voor stap nieuwe dingen toe. Elke prompt maakt je project een stukje beter.

Plan Mode

Als je een groter idee hebt, kun je de agent eerst laten nadenken voordat hij begint te bouwen. Typ /plan gevolgd door je beschrijving. De agent maakt dan eerst een stappenplan dat je kunt bekijken en goedkeuren voordat er iets verandert. Handig als je iets groots wilt aanpakken!

Voorbeeld:

"/plan Ik wil een webshop maken met een productpagina, winkelwagen en een bestelformulier. Wat is de beste aanpak?"

Goede prompts schrijven

Hoe beter je uitlegt wat je wilt, hoe beter het resultaat. Hier zijn voorbeelden van zwakke en sterke prompts:

Vaag

"Maak een website"

Beter

"Maak een homepage voor een pizzeria met een header, een lijst van pizza's met prijzen, en een bestelknop. Gebruik warme kleuren en een Italiaans thema."

Voorbeeldprompts om mee te beginnen

"Maak een mooie landingspagina met een grote hero-banner, drie feature-blokken en een footer. Het thema is een reisbureau naar exotische bestemmingen."
"Ik wil een pagina waar bezoekers hun naam en favoriete kleur kunnen invullen, en dat er dan een persoonlijke begroeting verschijnt in die kleur."
"Bouw een fotogalerij met 6 kaarten. Elke kaart heeft een titel, een beschrijving en een placeholder-afbeelding. Maak het responsive zodat het er op telefoon ook goed uitziet."
"Maak een quiz met 5 vragen over Nederland. Na elke vraag zie je of het antwoord goed of fout was, en aan het eind krijg je een score."

Laat de AI het uitzoeken

Je hoeft niet alles zelf te bedenken. Leg het probleem neer bij de agent en vraag om advies of ideeën:

"Ik wil iets interactiefs bouwen maar weet niet precies wat. Wat voor gave dingen kun je maken met een webpagina? Geef me 5 creatieve ideeën."
"Wat is de beste manier om een donker/licht thema-schakelaar te maken? Bouw het voor me."
"Ik wil dat onze pagina er professioneel uitziet. Kijk naar wat er nu staat en doe verbetervoorstellen voor de styling."
"Kun je animaties toevoegen aan onze pagina? Bedenk zelf wat er goed bij past en bouw het in."

Wat kun je allemaal bouwen?

Pagina's & layouts — Landingspagina's, portfolio's, dashboards
Formulieren — Invoer van gebruikers verwerken en opslaan
Interactieve features — Quizzen, spelletjes, animaties
Data & API's — Gegevens opslaan, externe bronnen koppelen
AI-content — Teksten en afbeeldingen laten genereren
En meer... — Als je het kunt beschrijven, kan de agent het waarschijnlijk bouwen

Samenwerken als team

Jullie werken als team aan één project. Verdeel het werk slim: één persoon per terminal, of werk samen via pair-programming waarbij één persoon typt en de rest meedenkt. Overleg welke features jullie willen bouwen, wie wat oppakt, en houd elkaar op de hoogte van voortgang.

Praktisch

  • •Je hebt ongeveer 1 uur om te bouwen
  • •Je typt gewone zinnen in de terminal — geen programmeerkennis nodig
  • •Er zijn voorstellen voor opdrachten, maar je mag ook je eigen idee kiezen
  • •Elk team heeft een eigen projectpagina waar jullie resultaat live te zien is

Tips & tricks

  • ★Begin klein — Vraag eerst iets simpels, bekijk het resultaat, en bouw dan verder
  • ★Wees specifiek — Beschrijf kleuren, layout, aantallen en teksten die je wilt zien
  • ★Geef feedback — Zeg wat je wel en niet bevalt: "De kleuren zijn mooi maar maak de tekst groter"
  • ★Durf te vragen — Weet je niet hoe je iets moet omschrijven? Vraag de agent om hulp of ideeën
  • ★Gebruik /plan voor grote stappen — Laat de agent eerst een plan maken voor je het uitvoert
  • ★Refresh je browser — Na elke wijziging even je teampagina herladen om het resultaat te zien