--- title: Workshop Materiaal subtitle: Alles wat je nodig hebt tijdens de Claude Code Workshop --- ## Download het materiaal van de workshop - [Slides workshop (PDF)](20260403-slides-Claude-Code-workshop-3-april.pdf) - [Tips en learning (PDF)](tips-learnings-Claude-Code-Workshop-3-april.pdf) - [Broncode introtimer](introtimer.zip) ## Download Superpowers Superpowers is een plugin voor Claude Code die extra mogelijkheden toevoegt. Denk aan gestructureerd plannen, test-driven development en slimmer debuggen. Tijdens de workshop gebruiken we deze plugin. :::tip Download het zipbestand en installeer het in Claude Code. Ga naar Customize > Personal Plugin (+) > Create Plugin > Upload Plugin en zet daar de zipfile in (niet uitgepakt) ::: [Download Superpowers (zip)](superpowers-main.zip) ## Start Prompt Gebruik deze prompt als startpunt om te brainstormen met Claude Code over je project. Plak hem in je terminal en vervang `{HIER JE IDEE}` door jouw projectidee. Aan het einde kun je het plan nog aanpassen of extra's aan toevoegen. :::command[Start prompt] Ik wil {HIER JE IDEE}. Stel me maximaal 5 vragen om mijn idee beter te begrijpen. Stel ze een voor een met AskUserQuestions, niet allemaal tegelijk. Maak daarna een bouwplan (PRD) met: - Wat het doet (in gewone taal) - Hoe het eruitziet (beschrijf de interface) - Zelfstandige bouwfasen (max 3-4), in volgorde van prioriteit. Fase 1 is het minimum dat waarde oplevert. Elke fase levert iets werkends op. Als ik het bouwplan goedkeur: 1. Sla het op als PRD.md in de projectmap 2. Maak een CLAUDE.md aan met een samenvatting van het project, de bouwfasen en hun status (allemaal "nog niet gestart") 3. Stop. Ga niet verder met bouwen tot ik het zeg. Beperkingen: - Alleen lokaal, geen hosting of externe diensten - Gebruik HTML/CSS/JavaScript waar mogelijk (geen framework nodig voor eenvoudige projecten) - Node.js als een server nodig is - Python alleen als Node.js echt niet volstaat ::: ## Mijn personal preferences Zet dit in Instellingen/Settings > Account > Personal Preferences :::command[Start prompt] ### Professionele Identiteit - Zelfstandig ondernemer op gebied van AI, automation, workflows, digitale vaardigheden en slimmer werken, voor MKB in Nederland - Pionier blogger (sinds 2000) en auteur van "Bloghelden" (release 2010) - Liefhebber van PKM (Personal Knowledge Management) in Obsidian - Gebruikt veel Claude Code en Claude Cowork - Hobbyist programmeur die projecten bouwt voor plezier, niet perfectionisme ### Sterke Punten - Verhalend denken en contentcreatie (tekst, audio, beeld) - Bruggen bouwen tussen technologie en toegankelijke communicatie - Lange termijnvisie op digitale ontwikkelingen en ethiek - Experimenteren met nieuwe platforms en tools - Balans tussen professionaliteit en persoonlijke interesses ### Schrijfwijze - Gebruik mijn voornaam (Frank) om me aan te spreken - ⁠Vermijd Amerikaanse stijlkenmerken, zoals overdreven enthousiasme en hoofdletters in titels. - Als ik je vraag om mij te interviewen of vragen te stellen, dan MOET je die vragen één voor één stellen in plaats van in 1x bij elkaar. - Hou je antwoorden duidelijk en to the point - Houd de toon nuchter en in lijn met Nederlandse schrijfstijl. - Gebruik bullet points als het nodig is voor verduidelijking - Geen emoji's. - Gebruik geen — (Em-dash) in je antwoorden - Het is niet nodig om je antwoord af te sluiten met een vraag, tenzij de prompt of de instructies daar expliciet om vragen - Refereer niet te expliciet naar mijn sterke punten of professionele identiteit. Zie dat als een gegeven. - Informeel en bondig, op B1-taalniveau en inclusief - Praat niet te veel met mijn ideeën mee, maar ben eerlijk en kritisch op mijn ideeën. - Als ik redeneerfouten maak, te kort door de bocht iets stel, noem dat dan expliciet 'lui denkwerk.' ### Voorkeuren - Ik gebruik vi als standaard editor, geen nano - Ik gebruik markdown als standaard schrijftaal - Mijn projecten staan altijd in /Users/frank/Projecten. - Losse scripts staan in /Users/frank/Documents/Hobbies/scripts ::: ## Tips tijdens het bouwen ### Sessiemanagement - **Start een nieuwe sessie per bouwfase** - niet alles in een lange sessie proberen - Elke sessie: open de PRD, zeg "bouw fase X" en go. - Korte sessies zijn efficienter dan lange (minder context = minder tokens = snellere antwoorden) - **Kernboodschap:** je PRD is je anker. Bewaar die goed, dan kun je altijd opnieuw starten. ### Waarom niet een lange sessie? - Pro-limiet bereik je sneller in een lange sessie (meer context = meer tokenverbruik) - Vroege signalen dat je limiet nadert: tragere antwoorden, kortere code, stappen overslaan - Als je de melding "usage limit reached" krijgt ben je te laat en zul je een paar uur moeten wachten - Tenzij je een Extra Usage Wallet hebt ingesteld (Settings > Usage) - **Preventie is beter:** plan je sessies per fase, dan is de kans kleiner dat je tegen limieten loopt ### Workflow 1. Brainstorm en PRD schrijven (sessie 1) 2. Nieuwe sessie in dezelfde werkmap: "bouw fase 1" (sessie 2) 3. Nieuwe sessie: "bouw fase 2" (sessie 3) 4. Herhaal tot prototype klaar is ### Agents (voor gevorderden / Max-gebruikers) - Claude Code zet zelf al subagents in wanneer het nuttig is - daar hoef je niks voor te doen - Expliciet aansturen kan: "Zet waar mogelijk agents in om parallelle taken tegelijk te doen" - **Let op:** agents verbruiken meer tokens, niet minder - elke agent heeft zijn eigen context - Voor Pro-gebruikers die al tegen limieten aanlopen versnelt dat het probleem - **Advies:** alleen actief inzetten als je op Max zit of een API key gebruikt