- Alle workshopdetails (datum, tijd, locatie, prijs, email) gecentraliseerd in workshop.js - ThankYou.jsx bijgewerkt: betalingsbevestiging tekst + WORKSHOP_CONFIG variabelen - Signup.jsx open punt opgelost: samenvattingsregel gebruikt nu config-variabelen - TallyForm gedeeld component toegevoegd (fase 3) - deploy.sh post-deploy HTTP-check toegevoegd (fase 4) - PRD.md en workshop materiaal (slides, tips, introtimer) toegevoegd - vite.svg verwijderd (ongebruikt) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
117 lines
No EOL
5.5 KiB
Markdown
117 lines
No EOL
5.5 KiB
Markdown
---
|
||
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 |