# 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