novi-lessons/Samenvattingen/Les13-Samenvatting.md

Les 13: Prompt Engineering & Custom GPTs

---

Hoofdstuk

Deel 4: Advanced AI Features (Les 13-18)

Beschrijving

Verdiep je in advanced prompt engineering en leer eigen AI assistenten maken met Custom GPTs en Claude Projects. Focus op no-code manieren om AI te personaliseren voor jouw workflow.

---

Te Behandelen

Groepsdiscussie (15 min)

Bespreek klassikaal de Cursor reflecties uit Les 12 - welke features werken het beste voor welke taken?

Advanced Prompt Engineering

Recap van basis technieken (Les 4):

• Zero-shot vs few-shot prompting
• Chain-of-thought reasoning
• Role prompting

Nieuwe technieken:

1. Structured Output Prompting

Analyseer deze code en geef feedback in dit exacte format:

## Samenvatting
[1 zin over de code]

## Sterke punten
- [punt 1]
- [punt 2]

## Verbeterpunten
- [punt 1 met code voorbeeld]
- [punt 2 met code voorbeeld]

## Prioriteit
[Hoog/Medium/Laag]: [waarom]

2. Constraint-Based Prompting

Schrijf een React component met deze constraints:
- Maximaal 50 regels code
- Geen externe dependencies
- TypeScript met strict types
- Alleen Tailwind voor styling
- Inclusief error handling

3. Iterative Refinement

Stap 1: "Schrijf een basis login form"
Stap 2: "Voeg validatie toe"
Stap 3: "Voeg loading states toe"
Stap 4: "Voeg error handling toe"
Stap 5: "Optimaliseer voor accessibility"

---

Custom GPTs

Wat zijn Custom GPTs? Gespecialiseerde ChatGPT versies met:

• Specifieke instructies (personality, expertise)
• Eigen kennis (uploaded files)
• Optioneel: Actions (API calls)

Wanneer een Custom GPT maken:

• Repetitieve taken met dezelfde context
• Specifieke expertise nodig
• Delen met team of anderen

Custom GPT maken:

1. Ga naar chat.openai.com/gpts
2. Klik "Create"
3. Configureer in "Create" tab OF gebruik "Configure"

Voorbeeld: Code Review GPT

Instructions:
Je bent een code reviewer gespecialiseerd in React/Next.js.

Bij elke code review check je:
1. TypeScript best practices
2. React hooks correct gebruik
3. Performance (unnecessary re-renders)
4. Accessibility basics
5. Error handling

Geef feedback in dit format:
- ✅ Goed: [wat goed is]
- ⚠️ Suggestie: [verbeterpunten]
- ❌ Issue: [problemen die gefixed moeten worden]

Voorbeeld: Project Assistant GPT

Instructions:
Je bent mijn persoonlijke development assistant voor [project naam].

Tech stack:
- Next.js 14 met App Router
- TypeScript strict mode
- Tailwind CSS
- Supabase voor backend

Je kent de volgende conventies:
- Named exports (geen default exports)
- Nederlandse comments
- Error handling met try/catch

Wanneer ik code vraag:
1. Vraag eerst om context als die ontbreekt
2. Geef TypeScript code met types
3. Voeg korte uitleg toe

---

Claude Projects

Wat is een Claude Project?

• Verzameling van context specifiek voor één doel
• Blijft behouden over conversaties
• Kan bestanden bevatten als knowledge base

Wanneer gebruiken:

• Terugkerend werk aan hetzelfde project
• Consistente coding style nodig
• Documentatie die AI moet kennen

Project aanmaken:

1. Ga naar claude.ai → Projects
2. Klik "New Project"
3. Voeg project knowledge toe (files, instructies)
4. Start conversaties binnen het project

Voorbeeld Project Instructions:

Je bent een expert React/Next.js developer die mij helpt met [project].

Technologie stack:
- Next.js 14 met App Router
- TypeScript strict mode
- Tailwind CSS
- Supabase voor backend
- React Query voor data fetching

Coding conventions:
- Functional components met TypeScript
- Named exports (geen default exports)
- Error handling met try/catch
- Nederlandse comments in code

Wanneer je code schrijft:
- Gebruik altijd TypeScript types
- Voeg JSDoc comments toe voor complexe functies
- Denk aan edge cases en error handling

Project Knowledge toevoegen:

• Upload je belangrijkste files (schema, README, .cursorrules)
• Upload voorbeeldcode die je stijl toont
• Upload documentatie van libraries die je gebruikt

---

Custom GPTs vs Claude Projects

Aspect	Custom GPT	Claude Project
Beschikbaar	ChatGPT Plus ($20/maand)	Claude Pro ($20/maand)
Knowledge	File uploads (tot 20 files)	File uploads (tot 200k tokens)
Delen	Kan gepubliceerd worden	Alleen persoonlijk
Actions	Ja (API calls)	Nee
Context window	~128k tokens	~200k tokens
Beste voor	Gedeelde tools, API integratie	Persoonlijke projecten, grote codebases

---

Prompt Templates Library

Code Generation:

Context: [beschrijf je project/stack]
Taak: [wat moet er gemaakt worden]
Requirements:
- [requirement 1]
- [requirement 2]
Constraints:
- [constraint 1]
Output: [gewenst format]

Debugging:

Error message:
[plak error]

Relevante code:
[plak code]

Wat ik verwacht:
[gewenst gedrag]

Wat er gebeurt:
[actueel gedrag]

Code Review:

Review de volgende code op:
1. Best practices voor [framework]
2. Potentiële bugs
3. Performance issues
4. Security vulnerabilities

[plak code]

Geef feedback in format: ✅ Goed / ⚠️ Suggestie / ❌ Issue

Refactoring:

Refactor deze code met de volgende doelen:
- [doel 1, bijv. "verbeter leesbaarheid"]
- [doel 2, bijv. "reduceer duplicatie"]

Behoud dezelfde functionaliteit.
Leg uit wat je verandert en waarom.

[plak code]

---

Tools

• ChatGPT (Custom GPTs)
• Claude (Projects)
• Prompt template documenten

---

Lesopdracht (2 uur)

Bouw Je Eigen AI Assistants

Deel 1: Claude Project (45 min)

Maak een Claude Project voor je eindproject:

1. Ga naar claude.ai → Projects → New Project
2. Schrijf project instructions:
   • Tech stack
   • Coding conventions
   • Project specifieke regels
3. Upload relevante files (schema, README)
4. Test met 3 verschillende vragen

Deel 2: Custom GPT (45 min)

Maak een Custom GPT voor code review:

1. Ga naar chat.openai.com/gpts
2. Klik "Create"
3. Schrijf instructions voor jouw stack
4. Test met code uit je project

Deel 3: Vergelijking (30 min)

Test dezelfde taak met beide:

• "Review deze component op best practices"
• Noteer verschillen in output
• Welke is beter voor welk doel?

Deliverable

• Claude Project URL of screenshot
• Custom GPT (als je ChatGPT Plus hebt) of instructies doc
• Vergelijkingsnotities

---

Huiswerk (2 uur)

Optimaliseer Je AI Assistants

Deel 1: Iteratie (1 uur)

Verbeter je Claude Project:

1. Test met 5 verschillende taken
2. Noteer waar instructies tekortschieten
3. Pas instructies aan
4. Test opnieuw

Documenteer in docs/AI-ASSISTANTS.md:

• Originele instructies
• Wat niet werkte
• Verbeterde instructies
• Resultaat verschil

Deel 2: Prompt Library (30 min)

Maak een persoonlijke prompt library:

# Mijn Prompt Templates

## Code Generation
[template]

## Debugging
[template]

## Code Review
[template]

## Refactoring
[template]

Deel 3: Reflectie (30 min)

Schrijf reflectie (300 woorden):

• Welke AI assistant gebruik je waarvoor?
• Wat is het verschil tussen Claude Projects en Custom GPTs?
• Hoe heeft dit je workflow verbeterd?

Deliverable

• Geoptimaliseerde AI assistant instructies
• Prompt library document
• Reflectie (300 woorden)

---

Leerdoelen

Na deze les kan de student:

• Advanced prompt engineering technieken toepassen (structured output, constraints, iterative refinement)
• Een Custom GPT maken met specifieke instructies en knowledge
• Een Claude Project opzetten met project context
• De juiste tool kiezen (Custom GPT vs Claude Project) per use case
• Een persoonlijke prompt library opbouwen en onderhouden