175 lines
3.3 KiB
Markdown
175 lines
3.3 KiB
Markdown
# Les 13: Mastering Cursor met Claude Opus & Advanced Skills
|
|
|
|
> 📋 **Lesmateriaal nog niet uitgewerkt**
|
|
>
|
|
> De volgende bestanden worden gegenereerd wanneer deze les wordt uitgewerkt:
|
|
> - Les13-Slide-Overzicht.md
|
|
> - Les13-Lesplan.md
|
|
> - Les13-Bijlage-A-Lesopdracht.md
|
|
> - Les13-Bijlage-B-Huiswerkopdracht.md
|
|
|
|
---
|
|
|
|
## Hoofdstuk
|
|
**Hoofdstuk 3: Advanced** (Les 8-18)
|
|
|
|
## Beschrijving
|
|
Geavanceerde technieken met Cursor en high-end models.
|
|
|
|
---
|
|
|
|
## Te Behandelen
|
|
|
|
### Model Deep Dive
|
|
|
|
**Waarom Claude Opus voor Complex:**
|
|
- Superieure reasoning
|
|
- 200K context
|
|
- Beste multi-file orchestration
|
|
|
|
**Wanneer Welk Model? (Complexity Matrix)**
|
|
|
|
| Complexiteit | Model |
|
|
|--------------|-------|
|
|
| Simpel | Haiku |
|
|
| Gemiddeld | Sonnet |
|
|
| Complex | Opus |
|
|
|
|
### Composer Mode Mastery
|
|
- Multi-file generatie
|
|
- Agent-like planning
|
|
- Autonome iteratie
|
|
|
|
### Wanneer Composer vs Chat
|
|
- Composer: nieuwe features
|
|
- Chat: begrip/vragen
|
|
|
|
### @ Mentions Deep Dive
|
|
|
|
**Alle Types:**
|
|
- @Files
|
|
- @Folders
|
|
- @Code
|
|
- @Docs
|
|
- @Web
|
|
|
|
**Advanced patterns**
|
|
|
|
### Codebase Indexing
|
|
- Hoe Cursor indexeert
|
|
- Optimaliseren
|
|
|
|
### .cursorrules Files
|
|
- Project-specifieke instructies die persistent zijn
|
|
- Powerful patterns
|
|
- Hoe effectieve rules schrijven
|
|
|
|
### Skills + Composer
|
|
- Hoe Skills Composer krachtiger maken
|
|
|
|
### Cost Management
|
|
- Token usage monitoren
|
|
- Free tier strategies
|
|
- Wanneer Pro worth it
|
|
|
|
---
|
|
|
|
## Tools
|
|
- Cursor
|
|
- Claude Opus/Sonnet/Haiku
|
|
- Skills.sh
|
|
- .cursorrules
|
|
|
|
---
|
|
|
|
## Lesopdracht (2 uur)
|
|
|
|
### Complexe Feature met Cursor Composer + Claude + Skills
|
|
|
|
**Bouw Multi-Step Form Wizard:**
|
|
|
|
| Stap | Features |
|
|
|------|----------|
|
|
| 1 | Personal info met avatar |
|
|
| 2 | Company info met autocomplete |
|
|
| 3 | Preferences (dynamic based on previous) |
|
|
| 4 | Review & confirm met edit |
|
|
|
|
**Extra Requirements:**
|
|
- Progress indicator met validation visualization
|
|
- Per-step validation
|
|
- localStorage persistence
|
|
- Success animation met confetti
|
|
- Error handling throughout
|
|
- TypeScript strict
|
|
- Shadcn components
|
|
- Mobile responsive
|
|
|
|
### Process
|
|
1. Install/verify Skills
|
|
2. Use Composer met Opus/Sonnet - comprehensive prompt
|
|
3. Let orchestrate
|
|
4. CMD+K voor refinements
|
|
5. Chat met @ mentions voor vragen
|
|
|
|
### Track
|
|
- Welk model wanneer
|
|
- Composer iterations
|
|
- Skills impact
|
|
- @ mentions patterns
|
|
- Cost estimate
|
|
|
|
### Deliverable
|
|
- Working wizard
|
|
- Analyse document
|
|
|
|
---
|
|
|
|
## Huiswerk (2 uur)
|
|
|
|
### Maak Perfect .cursorrules File
|
|
|
|
### Deel 1: Research (30 min)
|
|
- Bestudeer 3-5 .cursorrules voorbeelden online
|
|
- Analyseer wat effectief maakt
|
|
|
|
### Deel 2: Write Comprehensive (1 uur)
|
|
|
|
Maak definitieve .cursorrules voor JOUW stack.
|
|
|
|
**Include:**
|
|
- Project context
|
|
- Code style
|
|
- TypeScript conventions
|
|
- React/Next.js patterns
|
|
- Styling guidelines
|
|
- Error handling
|
|
- Accessibility
|
|
- Testing
|
|
- Security
|
|
- Common pitfalls
|
|
- Skills reference
|
|
|
|
### Deel 3: Test & Iterate (30 min)
|
|
- Nieuw project met .cursorrules
|
|
- Use Composer
|
|
- Verifieer Cursor volgt rules
|
|
- Itereer
|
|
|
|
### Deliverable
|
|
- .cursorrules file
|
|
- Uitleg document
|
|
- Test results
|
|
- Deel als gist
|
|
|
|
---
|
|
|
|
## Leerdoelen
|
|
Na deze les kan de student:
|
|
- Het juiste Claude model kiezen per complexiteit
|
|
- Composer mode effectief gebruiken voor complexe features
|
|
- @ mentions strategisch inzetten
|
|
- .cursorrules files schrijven voor consistent gedrag
|
|
- Skills combineren met Composer voor betere output
|
|
- Token usage monitoren en kosten beheren
|