rubberducky/novi-lessons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update lessons on behalf of nova feedback

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-02 08:20:57 +01:00
parent 03a5d437df
commit b39c4245c2
4 changed files with 722 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
Samenvattingen/Les13-Samenvatting.md
View File

@@ -1,4 +1,4 @@
# Les 13: AI Agents & Custom GPTs
# Les 13: Prompt Engineering & Custom GPTs
---
@@ -6,7 +6,7 @@
**Deel 4: Advanced AI Features** (Les 13-18)
## Beschrijving
Leer werken met AI agents en custom GPTs. Bouw je eigen gespecialiseerde AI assistenten en begrijp hoe agents autonome taken kunnen uitvoeren.
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.
---
@@ -15,54 +15,51 @@ Leer werken met AI agents en custom GPTs. Bouw je eigen gespecialiseerde AI assi
### Groepsdiscussie (15 min)
Bespreek klassikaal de Cursor reflecties uit Les 12 - welke features werken het beste voor welke taken?
### Wat zijn AI Agents?
### Advanced Prompt Engineering
**Definitie:** AI systemen die autonoom taken kunnen uitvoeren, niet alleen antwoorden geven.
**Recap van basis technieken (Les 4):**
- Zero-shot vs few-shot prompting
- Chain-of-thought reasoning
- Role prompting
**Verschil Chat vs Agent:**
**Nieuwe technieken:**
| Aspect | Chat | Agent |
|--------|------|-------|
| Gedrag | Beantwoordt vragen | Voert taken uit |
| Autonomie | Wacht op input | Kan zelf beslissingen nemen |
| Tools | Alleen tekst | Kan tools gebruiken |
| Voorbeeld | "Hoe maak ik X?" | "Maak X voor mij" |
---
### Claude Projects
**Wat is een Claude Project?**
- Verzameling van context specifiek voor één doel
- Blijft behouden over conversaties
- Kan bestanden bevatten
**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:**
#### 1. Structured Output Prompting
```
Je bent een expert React/Next.js developer.
Analyseer deze code en geef feedback in dit exacte format:
Technologie stack:
- Next.js 14 met App Router
- TypeScript strict mode
- Tailwind CSS
- Supabase voor backend
## Samenvatting
[1 zin over de code]
Coding conventions:
- Functional components met TypeScript
- Named exports (geen default exports)
- Error handling met try/catch
- Nederlandse comments in 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"
```
---
@@ -71,14 +68,14 @@ Coding conventions:
**Wat zijn Custom GPTs?**
Gespecialiseerde ChatGPT versies met:
- Specifieke instructies
- 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 anderen
- Delen met team of anderen
**Custom GPT maken:**
1. Ga naar chat.openai.com/gpts
@@ -103,57 +100,94 @@ Geef feedback in dit format:
- ❌ Issue: [problemen die gefixed moeten worden]
```
---
### Agent Capabilities
**Wat kunnen agents:**
- Code schrijven en testen
- Files aanmaken en bewerken
- Terminal commands uitvoeren
- Web searches doen
- Meerdere stappen plannen
**Cursor als Agent:**
- Composer mode plant en voert multi-file changes uit
- @ mentions geven context
- Tab completion voorspelt volgende stappen
**Claude als Agent (met MCP):**
- Kan tools gebruiken
- Filesystem access
- Database queries
- External APIs
---
### Best Practices voor Agent Instructies
**Wees specifiek:**
```
❌ "Help me met mijn project"
✅ "Review de auth logic in src/lib/auth.ts en check voor security issues"
**Voorbeeld: Project Assistant GPT**
```
Instructions:
Je bent mijn persoonlijke development assistant voor [project naam].
**Geef constraints:**
```
❌ "Maak het beter"
✅ "Refactor naar max 50 regels, behoud dezelfde functionaliteit"
```
Tech stack:
- Next.js 14 met App Router
- TypeScript strict mode
- Tailwind CSS
- Supabase voor backend
**Definieer output format:**
```
Geef je antwoord in dit format:
1. Samenvatting (1 zin)
2. Gevonden issues (bullet points)
3. Voorgestelde fix (code)
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
```
---
### Prompt Templates
### Claude Projects
**Code Generation Template:**
**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]
@@ -165,7 +199,7 @@ Constraints:
Output: [gewenst format]
```
**Debugging Template:**
**Debugging:**
```
Error message:
[plak error]
@@ -180,18 +214,43 @@ 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
- Cursor (Composer mode)
- ChatGPT (Custom GPTs)
- Claude (Projects)
- Prompt template documenten
---
## Lesopdracht (2 uur)
### Bouw Je Eigen AI Assistant
### Bouw Je Eigen AI Assistants
**Deel 1: Claude Project (45 min)**
@@ -220,7 +279,7 @@ Test dezelfde taak met beide:
- Welke is beter voor welk doel?
### Deliverable
- Claude Project URL
- Claude Project URL of screenshot
- Custom GPT (als je ChatGPT Plus hebt) of instructies doc
- Vergelijkingsnotities
@@ -279,9 +338,8 @@ Schrijf reflectie (300 woorden):
## Leerdoelen
Na deze les kan de student:
- Het verschil uitleggen tussen chat en agent
- Een Claude Project aanmaken en configureren
- Een Custom GPT maken met specifieke instructies
- Effectieve agent instructies schrijven
- Prompt templates gebruiken voor consistente resultaten
- De juiste AI assistant kiezen per taak
- 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