novi-lessons/Samenvattingen/Les11-Samenvatting.md

Les 11: Introduction to Cursor - De Professionele AI Editor

Hoofdstuk

Hoofdstuk 3: Advanced (Les 8-18)

Beschrijving

Kennismaking met Cursor als premium AI code editor - best of both worlds tussen IDE en AI power.

---

Te Behandelen

Waarom Cursor na OpenCode/WebStorm + Claude Code?

• Purpose-built for AI
• Bliksem snel
• Superieure tab completion
• CMD+K inline editing
• Composer mode
• @ mentions systeem

Skills Compatibiliteit

• Al je Skills werken ook in Cursor

Installatie

• Download
• GitHub integration
• 2-week Pro trial

Core Features

Feature	Beschrijving
Tab completion	AI-powered autocomplete
CMD+K	Inline editing
Chat	Conversatie met context
@ mentions	Reference files, folders, docs
Composer mode	Multi-file generation

Skills Migratie

• Skills van OpenCode werken meteen in Cursor

Cost Discussie

• Free tier vs Pro ($20/maand)

Wanneer Wat Gebruiken?

Tool	Gebruik voor
OpenCode/WebStorm	Leren
Claude Code	Grote autonome taken
Cursor	Dagelijkse development

---

Tools

• Cursor
• GitHub
• Skills.sh
• Supabase

---

Lesopdracht (2 uur)

Deel 1: Setup & Skills Migration (30 min)

Installatie:

• Install Cursor
• Connect GitHub
• Activate Pro trial

Verificatie:

• Verifieer Skills werken (npx skills list)
• Test prompt met skill

Eerste Indrukken:

• Bouw component
• Test tab completion
• Test CMD+K
• Test Chat met @ mentions
• Documenteer verschillen vs OpenCode

Deel 2: Feature Comparison (45 min)

Rebuild filtering system uit Les 4 in Cursor:

• Time het

Gebruik alle features:

• Extensive tab completion
• CMD+K
• Chat
• @ mentions
• Try Composer

Vergelijk:

• Tijd
• Code quality
• Experience

Deel 3: Composer Mode (45 min)

Test Composer mode - Bouw analytics dashboard:

• Sidebar nav
• Top navbar
• 4 stat cards
• Line chart
• Activity feed

Process:

• Geef high-level beschrijving
• Laat autonoom werken
• Feedback in Composer chat

Vergelijk: Cursor Composer vs Claude Code

---

Huiswerk (2 uur)

Bouw Complete Mini-App met Cursor

Kies 1 van 4:

1. Weather App
2. Expense Tracker
3. Recipe Finder
4. Habit Tracker

Requirements:

• Full CRUD met Supabase
• Responsive
• TypeScript strict
• Shadcn
• Deployed naar Vercel

Challenge: Maximaliseer Cursor + Skills

Track Metrics

• Tab completion usage
• CMD+K count
• Composer usage
• Skills active
• AI vs manual ratio

Deliverables

• Deployed app
• GitHub repo
• Comprehensive reflectie (600 woorden):
  • Is Cursor worth switching?
  • Cursor vs Claude Code?
  • Free vs Pro?
  • Skills performance?
  • Final verdict?

---

Leerdoelen

Na deze les kan de student:

• Cursor installeren en configureren
• Skills migreren naar Cursor
• Core features gebruiken (Tab, CMD+K, Chat, @ mentions, Composer)
• Het verschil beoordelen tussen Cursor en andere AI tools
• Composer mode gebruiken voor multi-file generatie
• Een weloverwogen keuze maken over welke tool wanneer te gebruiken