148 lines
3.1 KiB
Markdown
148 lines
3.1 KiB
Markdown
# Les 9: AI Agents - Custom GPTs & Claude Projects
|
|
|
|
> 📋 **Lesmateriaal nog niet uitgewerkt**
|
|
>
|
|
> De volgende bestanden worden gegenereerd wanneer deze les wordt uitgewerkt:
|
|
> - Les09-Slide-Overzicht.md
|
|
> - Les09-Lesplan.md
|
|
> - Les09-Bijlage-A-Lesopdracht.md
|
|
> - Les09-Bijlage-B-Huiswerkopdracht.md
|
|
|
|
---
|
|
|
|
## Hoofdstuk
|
|
**Hoofdstuk 3: Advanced** (Les 8-18)
|
|
|
|
## Beschrijving
|
|
Deep dive in AI agents - autonome systemen die kunnen plannen, tools gebruiken, en taken uitvoeren.
|
|
|
|
---
|
|
|
|
## Te Behandelen
|
|
|
|
### Wat zijn AI Agents?
|
|
- Verschil tussen chatbot vs agent
|
|
|
|
### Agent Capabilities
|
|
- Tool use
|
|
- Memory
|
|
- Planning
|
|
- Learning
|
|
- Proactief gedrag
|
|
|
|
### Agent Frameworks Landschap
|
|
- Custom GPTs
|
|
- Claude Projects
|
|
- LangChain
|
|
- AutoGPT
|
|
- CrewAI
|
|
|
|
### Custom GPTs Deep Dive
|
|
- Instructions
|
|
- Conversation starters
|
|
- Knowledge base upload
|
|
- Capabilities
|
|
|
|
### Use Cases voor Developers
|
|
- Code review agent
|
|
- Testing agent
|
|
- Documentation generator
|
|
|
|
### Claude Projects Deep Dive
|
|
- Custom instructions
|
|
- Project knowledge
|
|
- Example conversations
|
|
- Advanced features (artifacts, long context, tool use)
|
|
|
|
### Projects Combineren met MCP
|
|
- Access tot externe data
|
|
|
|
### Real-World Developer Agents Bouwen
|
|
|
|
---
|
|
|
|
## Tools
|
|
- Custom GPTs (OpenAI)
|
|
- Claude Projects (Anthropic)
|
|
- MCP
|
|
|
|
---
|
|
|
|
## Lesopdracht (2 uur)
|
|
|
|
### Deel 1: Build Code Review Agent (1 uur)
|
|
|
|
**Groepswerk (20 min):**
|
|
In groepjes van 2-3:
|
|
- Definieer comprehensive code review checklist:
|
|
- TypeScript
|
|
- React patterns
|
|
- Accessibility
|
|
- Security
|
|
- Performance
|
|
- Code organization
|
|
|
|
**Maak Agent (30 min):**
|
|
- Maak Custom GPT OF Claude Project met checklist als instructions
|
|
- Upload sample "goede" code als knowledge base (10 min)
|
|
|
|
### Deel 2: Build Documentation Agent (1 uur)
|
|
|
|
**Individueel:**
|
|
|
|
Maak agent die comprehensive documentatie genereert.
|
|
|
|
**Instructions:**
|
|
> "Je bent documentatie expert. Gegeven component code, genereer:
|
|
> 1. Component overview
|
|
> 2. Props documentatie
|
|
> 3. Usage voorbeelden
|
|
> 4. Accessibility notes
|
|
> 5. Veel voorkomende valkuilen"
|
|
|
|
- Upload component library uit Les 6 als knowledge base
|
|
- Test agent met component
|
|
|
|
---
|
|
|
|
## Huiswerk (2 uur)
|
|
|
|
### Deel 1: Test Agents in Workflow (1 uur)
|
|
|
|
**Bouw nieuwe Todo app feature:**
|
|
- Bijv. "Collaboration - invite users om todos te delen"
|
|
|
|
**Gebruik beide agents:**
|
|
- Code Review agent om code te reviewen
|
|
- Documentation agent om te documenteren
|
|
|
|
**Track:**
|
|
- Hoe helpful?
|
|
- Vingen ze echte issues?
|
|
- Zou je dagelijks gebruiken?
|
|
|
|
### Deel 2: Personal Dev Assistant (1 uur)
|
|
|
|
**Maak comprehensive "Personal Dev Assistant" agent afgestemd op JOUW workflow.**
|
|
|
|
**Include:**
|
|
- Jouw coding standards
|
|
- Preferred patterns
|
|
- Tech stack specifics
|
|
- Veel voorkomende taken
|
|
- Troubleshooting kennis
|
|
|
|
- Test extensively
|
|
- Deel agent config als gist
|
|
|
|
---
|
|
|
|
## Leerdoelen
|
|
Na deze les kan de student:
|
|
- Het verschil uitleggen tussen chatbots en AI agents
|
|
- Custom GPTs bouwen met instructions en knowledge base
|
|
- Claude Projects opzetten met custom instructions
|
|
- Specialized developer agents bouwen (code review, documentation)
|
|
- Agents combineren met MCP voor externe data access
|
|
- Een personal dev assistant agent maken
|