💻Claude Code

Wat is Claude Code?

Claude Code is Anthropic’s agentische programmeertool: Claude leest je codebase, past bestanden aan, voert commando’s uit en werkt samen met je git, je tests en je externe tools. Het draait niet meer alleen in de terminal — sinds 2026 gebruik je hetzelfde Claude Code in je terminal, je IDE, een desktop-app, je browser en zelfs op je telefoon.

De vijf oppervlakken (surfaces)

Alle vijf draaien op dezelfde motor. Je CLAUDE.md, je instellingen en je MCP-servers werken overal hetzelfde — je kunt een sessie zelfs van het ene oppervlak naar het andere verhuizen.

Wat Claude Code kan doen

• Bestanden lezen en schrijven — directe toegang tot je codebase
• Terminal-commando’s uitvoeren — npm install, git push, tests draaien…
• Code debuggen en repareren — fout lezen, oorzaak zoeken, fix toepassen, opnieuw testen
• Complete projecten genereren — van lege map naar werkende app
• Git-werk — commits, branches, pull requests, merge-conflicten oplossen
• Externe tools aansturen via MCP — Jira, Slack, Google Drive, je eigen API’s
• Subagenten parallel laten werken — grote taken opsplitsen over meerdere agenten
• Terugkerend werk inplannen — nachtelijke CI-analyse, wekelijkse dependency-audit
• In je browser meekijken — met de Chrome-integratie een live webapp debuggen

Claude Code installeren & inloggen

De installatie is sinds 2026 sterk vereenvoudigd: er is een eigen installer, je hebt géén Node.js meer nodig, en met een betalend Claude-abonnement heb je ook geen API-key nodig.

Stap 1: installeren

curl -fsSL https://claude.ai/install.sh | bash

irm https://claude.ai/install.ps1 | iex

# macOS via Homebrew
brew install --cask claude-code

# Windows via WinGet
winget install Anthropic.ClaudeCode

# Debian / Fedora / RHEL / Alpine: ook via apt, dnf of apk

Stap 2: inloggen

# Ga naar je projectmap en start
cd mijn-project
claude

# Bij het eerste gebruik opent de login in je browser.
# Expliciet kan ook:
claude auth login

# Controleren met welk account je ingelogd bent
claude auth status

# Uitloggen
claude auth logout

Stap 3: controleren dat alles werkt

# Diagnose zonder een sessie te starten
claude doctor

# Eerste opdracht
cd /mijn/project
claude
> Vertel me wat er in deze map staat en wat voor project dit is.

Eerste stappen & de commando’s die je echt gebruikt

Claude Code heeft tientallen slash-commando’s. Onderstaande lijst is de kern — leer deze en je hebt 90% van je dagelijkse werk gedekt. Typ /help voor de volledige lijst in jouw versie.

Sessie & context

Sturen hoe Claude werkt

Nakijken & opleveren

Je eerste project

mkdir mijn-eerste-app && cd mijn-eerste-app
claude

# Begin in plan-modus zodat je eerst het plan ziet
> /plan
> Maak een complete React todo-app met:
  - Taken toevoegen en verwijderen
  - Taken als gedaan markeren
  - Filter op actief/voltooid/alles
  - Opslaan in localStorage
  - Tailwind CSS, responsive voor mobiel

Claude maakt een plan, jij keurt het goed, en pas dan worden de bestanden aangemaakt en de dependencies geïnstalleerd. Dat is het krachtigste patroon: je beschrijft WÁT je wilt, Claude bepaalt HÓE — maar jij ziet het plan eerst.

Werken met bestaande code

cd /mijn/bestaand/project
claude

> Analyseer dit project. Wat doet het, wat is de architectuur,
  en waar zitten de zwakke plekken?

> Voeg gebruikersauthenticatie toe met JWT tokens.
  Maak eerst een plan.

Claude Code vanaf de commandoregel (zonder gesprek)

# Één vraag, één antwoord, klaar
claude -p "leg uit wat deze functie doet"

# Iets erin pipen
tail -200 app.log | claude -p "vat de fouten samen"

# Verdergaan met het laatste gesprek
claude -c

# Een eerdere sessie hervatten op naam
claude -r "auth-refactor" "maak deze PR af"

CLAUDE.md & geheugen: je project configureren

Het bestand CLAUDE.md in je projectmap is het equivalent van een systeemprompt voor Claude Code — het wordt bij elke sessie automatisch gelezen. Daarnaast bouwt Claude sinds 2026 ook automatisch geheugen op: dingen die het gaandeweg leert over jouw project, zonder dat jij iets moet schrijven.

Snel starten

# Laat Claude zelf een CLAUDE.md schrijven op basis van je project
claude
> /init

# Later bijwerken of het auto-geheugen bekijken
> /memory

Wat hoort in CLAUDE.md?

# Project Naam

## Beschrijving
Dit is een [wat doet de app] gebouwd voor [doelgroep].

## Tech Stack
- **Frontend:** React 19, TypeScript, Tailwind CSS
- **Backend:** Next.js API routes
- **Database:** PostgreSQL via Prisma ORM
- **Deployment:** Vercel

## Projectstructuur
```
/app          - Next.js App Router pagina's
/components   - Herbruikbare React componenten
/lib          - Utilities en helpers
/prisma       - Database schema
```

## Code Richtlijnen
- TypeScript strict mode altijd aan
- Componenten: functioneel met hooks, geen class components
- Bestandsnamen: kebab-case voor files, PascalCase voor componenten
- Comments: schrijf in het Nederlands

## Kritische Regels
- NOOIT environment variables hardcoden
- Altijd foutafhandeling bij API calls
- Responsive design is verplicht (mobile-first)
- Nooit committen of pushen zonder dat ik het vraag

## Veelgebruikte Commando's
- `npm run dev`   - Development server
- `npm run build` - Productie build
- `npm run test`  - Tests uitvoeren

Agentische workflows: autonome en parallelle taken

De sterkste eigenschap van Claude Code is dat het meerstaps werk zelfstandig afmaakt: plannen, uitvoeren, testen, bijsturen. Sinds 2026 kan dat ook parallel — met subagenten, achtergrondsessies en cloudsessies die doorlopen terwijl jij iets anders doet.

Headless: Claude zonder gesprek

# Één opdracht, output naar stdout
claude -p "Lees alle .csv in /data, merge ze, verwijder duplicaten, \
  exporteer als merged_data.csv"

# Machine-leesbare output voor scripts
claude -p "Analyseer de codebase" --output-format json

# Gevalideerde JSON tegen je eigen schema
claude -p --json-schema '{"type":"object","properties":{"bugs":{"type":"array"}}}' \
  "Vind de bugs in src/"

# Kostenplafond en maximaal aantal beurten
claude -p --max-budget-usd 5.00 --max-turns 10 "Refactor de auth-module"

Achtergrond- en cloudsessies

# Start op de achtergrond, krijg je prompt meteen terug
claude --bg "Onderzoek waarom de test in CI faalt"

# Wat loopt er?
claude agents          # overzicht van alle parallelle sessies
claude logs 7c5dcf5d   # recente output van een sessie
claude attach 7c5dcf5d # erin springen
claude stop 7c5dcf5d   # stoppen

# In de cloud starten (loopt door als je laptop dichtgaat)
claude --cloud "Migreer alle class components naar hooks"

# Een cloudsessie naar je terminal halen
claude --teleport

Krachtige agentische opdrachten

• Code-migratie: “Migreer alle class components naar functionele components met hooks”
• Documentatie: “Schrijf JSDoc voor alle functies in /src die er geen hebben”
• Refactoring: “Vind alle codeduplicatie en extraheer die in herbruikbare functies”
• Testing: “Schrijf unit tests voor alle componenten in /components en zorg dat ze slagen”
• Security-audit: “Scan de codebase op beveiligingsproblemen” (of gewoon /security-review)
• Grootschalig: /batch verdeelt één instructie parallel over een hele codebase

Terugkerend werk inplannen

Claude Code best practices & tips

1. Context is je schaarste middel

• Start altijd in de juiste projectmap — CLAUDE.md wordt dan automatisch gelezen
• Kijk met /context waar je context aan opgaat voor je gaat gissen
• Gebruik /compact als het gesprek lang wordt, of /clear als je aan iets nieuws begint
• Wijs het bestand aan: “Kijk alleen in /components/Auth/” werkt beter dan “kijk in de codebase”
• Zet --autocompact als je vaak lange sessies draait

2. Plan eerst, code daarna

Voor alles wat meer dan één bestand raakt: begin met /plan. Je ziet dan de aanpak vóór er één regel geschreven wordt — en fouten in een plan corrigeren kost seconden, fouten in code kost uren.

3. Bouw verificatie in

4. Ken je vangnet

5. Automatiseer wat je herhaalt

• Skills — plak je dezelfde instructies steeds opnieuw? Maak er een skill van (.claude/skills/naam/SKILL.md), oproepbaar als /naam
• Hooks — shell-commando’s die automatisch draaien vóór of ná een actie, bv. formatteren na elke bewerking
• Plugins — bundel skills, hooks, agenten en MCP-servers en deel ze met je team
• Subagenten — met /agents definieer je gespecialiseerde agenten (reviewer, tester, researcher)

6. Productiviteitstips