Claude Code Tutorials

Dieser Leitfaden bietet Schritt-für-Schritt-Tutorials für häufige Arbeitsabläufe mit Claude Code. Jedes Tutorial enthält klare Anweisungen, Beispielbefehle und Best Practices, die Ihnen helfen, das Beste aus Claude Code herauszuholen.

​

Inhaltsverzeichnis

• Neue Codebasen verstehen
• Bugs effizient beheben
• Code refaktorieren
• Mit Tests arbeiten
• Pull Requests erstellen
• Dokumentation handhaben
• Fortgeschrittene Git-Workflows nutzen
• Mit Bildern arbeiten
• Projekt-Memory einrichten
• Claude als Unix-artiges Dienstprogramm verwenden
• Model Context Protocol (MCP) einrichten

​

Neue Codebasen verstehen

​

Schnellen Überblick über die Codebasis erhalten

Wann verwenden: Sie sind gerade einem neuen Projekt beigetreten und müssen dessen Struktur schnell verstehen.

$ cd /path/to/project

$ claude

> give me an overview of this codebase

> explain the main architecture patterns used here
> what are the key data models?
> how is authentication handled?

Tipps:

• Beginnen Sie mit breiten Fragen und konzentrieren Sie sich dann auf spezifische Bereiche
• Fragen Sie nach Coding-Konventionen und Mustern, die im Projekt verwendet werden
• Bitten Sie um ein Glossar projektspezifischer Begriffe

​

Relevanten Code finden

Wann verwenden: Sie müssen Code finden, der sich auf eine bestimmte Funktion oder Funktionalität bezieht.

> find the files that handle user authentication

> how do these authentication files work together?

> trace the login process from front-end to database

Tipps:

• Seien Sie präzise in Ihrer Suche
• Verwenden Sie die Fachsprache des Projekts

​

Bugs effizient beheben

​

Fehlermeldungen diagnostizieren

Wann verwenden: Sie sind auf eine Fehlermeldung gestoßen und müssen deren Quelle finden und beheben.

> I'm seeing an error when I run npm test

> suggest a few ways to fix the @ts-ignore in user.ts

> update user.ts to add the null check you suggested

Tipps:

• Teilen Sie Claude den Befehl mit, um den Fehler zu reproduzieren und einen Stack Trace zu erhalten
• Erwähnen Sie alle Schritte zur Reproduktion des Fehlers
• Lassen Sie Claude wissen, ob der Fehler intermittierend oder konstant auftritt

​

Code refaktorieren

​

Legacy-Code modernisieren

Wann verwenden: Sie müssen alten Code aktualisieren, um moderne Muster und Praktiken zu verwenden.

> find deprecated API usage in our codebase

> suggest how to refactor utils.js to use modern JavaScript features

> refactor utils.js to use ES2024 features while maintaining the same behavior

> run tests for the refactored code

Tipps:

• Bitten Sie Claude, die Vorteile des modernen Ansatzes zu erklären
• Fordern Sie bei Bedarf die Aufrechterhaltung der Abwärtskompatibilität
• Führen Sie Refactoring in kleinen, testbaren Schritten durch

​

Mit Tests arbeiten

​

Testabdeckung hinzufügen

Wann verwenden: Sie müssen Tests für nicht abgedeckten Code hinzufügen.

> find functions in NotificationsService.swift that are not covered by tests

> add tests for the notification service

> add test cases for edge conditions in the notification service

> run the new tests and fix any failures

Tipps:

• Fragen Sie nach Tests, die Randfälle und Fehlerbedingungen abdecken
• Fordern Sie bei Bedarf sowohl Unit- als auch Integrationstests an
• Lassen Sie sich von Claude die Teststrategie erklären

​

Pull Requests erstellen

​

Umfassende PRs generieren

Wann verwenden: Sie müssen einen gut dokumentierten Pull Request für Ihre Änderungen erstellen.

> summarize the changes I've made to the authentication module

> create a pr

> enhance the PR description with more context about the security improvements

> add information about how these changes were tested

Tipps:

• Bitten Sie Claude direkt, einen PR für Sie zu erstellen
• Überprüfen Sie den von Claude generierten PR vor dem Einreichen
• Bitten Sie Claude, potenzielle Risiken oder Überlegungen hervorzuheben

​

Dokumentation handhaben

​

Code-Dokumentation generieren

Wann verwenden: Sie müssen Dokumentation für Ihren Code hinzufügen oder aktualisieren.

> find functions without proper JSDoc comments in the auth module

> add JSDoc comments to the undocumented functions in auth.js

> improve the generated documentation with more context and examples

> check if the documentation follows our project standards

Tipps:

• Spezifizieren Sie den gewünschten Dokumentationsstil (JSDoc, Docstrings, etc.)
• Bitten Sie um Beispiele in der Dokumentation
• Fordern Sie Dokumentation für öffentliche APIs, Schnittstellen und komplexe Logik an

​

Mit Bildern arbeiten

​

Bilder und Screenshots analysieren

Wann verwenden: Sie müssen mit Bildern in Ihrer Codebasis arbeiten oder Claudes Hilfe bei der Analyse von Bildinhalten erhalten.

# 1. Ziehen Sie ein Bild per Drag & Drop in das Claude Code-Fenster

# 2. Kopieren Sie ein Bild und fügen Sie es mit Strg+V in die CLI ein

# 3. Geben Sie einen Bildpfad an
$ claude
> Analyze this image: /path/to/your/image.png

> What does this image show?
> Describe the UI elements in this screenshot
> Are there any problematic elements in this diagram?

> Here's a screenshot of the error. What's causing it?
> This is our current database schema. How should we modify it for the new feature?

> Generate CSS to match this design mockup
> What HTML structure would recreate this component?

Tipps:

• Verwenden Sie Bilder, wenn Textbeschreibungen unklar oder umständlich wären
• Fügen Sie Screenshots von Fehlern, UI-Designs oder Diagrammen für besseren Kontext hinzu
• Sie können mit mehreren Bildern in einer Konversation arbeiten
• Die Bildanalyse funktioniert mit Diagrammen, Screenshots, Mockups und mehr

​

Projekt-Memory einrichten

​

Eine effektive CLAUDE.md-Datei erstellen

Wann verwenden: Sie möchten eine CLAUDE.md-Datei einrichten, um wichtige Projektinformationen, Konventionen und häufig verwendete Befehle zu speichern.

> /init

Tipps:

• Fügen Sie häufig verwendete Befehle hinzu (Build, Test, Lint), um wiederholte Suchen zu vermeiden
• Dokumentieren Sie Code-Stil-Präferenzen und Namenskonventionen
• Fügen Sie wichtige architektonische Muster hinzu, die spezifisch für Ihr Projekt sind
• Sie können CLAUDE.md-Dateien zum Ordner hinzufügen, in dem Sie Claude ausführen, zu übergeordneten Verzeichnissen (Claude liest diese automatisch) oder zu untergeordneten Verzeichnissen (Claude zieht diese bei Bedarf heran)

​

Claude als Unix-artiges Dienstprogramm verwenden

​

Claude zu Ihrem Verifizierungsprozess hinzufügen

Wann verwenden: Sie möchten Claude Code als Linter oder Code-Reviewer verwenden.

Schritte:

// package.json
{
    ...
    "scripts": {
        ...
        "lint:claude": "claude -p 'you are a linter. please look at the changes vs. main and report any issues related to typos. report the filename and line number on one line, and a description of the issue on the second line. do not return any other text.'"
    }
}

​

Ein- und Ausgabe über Pipe

Wann verwenden: Sie möchten Daten in Claude einleiten und strukturierte Daten zurückerhalten.

$ cat build-error.txt | claude -p 'concisely explain the root cause of this build error' > output.txt

​

Model Context Protocol (MCP) einrichten

Model Context Protocol (MCP) ist ein offenes Protokoll, das es LLMs ermöglicht, auf externe Tools und Datenquellen zuzugreifen. Weitere Details finden Sie in der MCP-Dokumentation.

​

MCP-Server konfigurieren

Wann verwenden: Sie möchten Claudes Fähigkeiten erweitern, indem Sie es mit spezialisierten Tools und externen Servern über das Model Context Protocol verbinden.

# Grundlegende Syntax
$ claude mcp add <name> <command> [args...]

# Beispiel: Einen lokalen Server hinzufügen
$ claude mcp add my-server -e API_KEY=123 -- /path/to/server arg1 arg2

# Alle konfigurierten Server auflisten
$ claude mcp list

# Details für einen bestimmten Server abrufen
$ claude mcp get my-server

# Einen Server entfernen
$ claude mcp remove my-server

Tipps:

• Verwenden Sie die -s oder --scope Flag mit project (Standard) oder global, um anzugeben, wo die Konfiguration gespeichert wird
• Setzen Sie Umgebungsvariablen mit -e oder --env Flags (z.B. -e KEY=value)
• MCP folgt einer Client-Server-Architektur, bei der sich Claude Code (der Client) mit mehreren spezialisierten Servern verbinden kann

​

Mit einem Postgres MCP-Server verbinden

Wann verwenden: Sie möchten Claude schreibgeschützten Zugriff auf eine PostgreSQL-Datenbank für Abfragen und Schema-Inspektion geben.

$ claude mcp add postgres-server /path/to/postgres-mcp-server --connection-string "postgresql://user:pass@localhost:5432/mydb"

# In Ihrer Claude-Sitzung können Sie Fragen über Ihre Datenbank stellen
$ claude
> describe the schema of our users table
> what are the most recent orders in the system?
> show me the relationship between customers and invoices

Tipps:

• Der Postgres MCP-Server bietet aus Sicherheitsgründen schreibgeschützten Zugriff
• Claude kann Ihnen helfen, Datenbankstrukturen zu erkunden und analytische Abfragen durchzuführen
• Sie können dies nutzen, um Datenbankschemata in unbekannten Projekten schnell zu verstehen
• Stellen Sie sicher, dass Ihr Verbindungsstring geeignete Anmeldedaten mit minimal erforderlichen Berechtigungen verwendet

​

Nächste Schritte