1. Einleitung: Warum Claude Code der Web-UI überlegen ist

Viele Nutzer erleben bei der Arbeit mit Claude im Browser (Claude.ai) das Phänomen, dass die KI anfangs brillant antwortet, aber nach wenigen Interaktionen plötzlich Details vergisst oder Anweisungen ignoriert. Dies liegt oft nicht an der Intelligenz des Modells, sondern am Kontextmanagement.

Claude Code (die CLI-Version/Terminal-Version von Claude) bietet die volle Kontrolle über das „Gehirn“ der KI. Während man in der Web-UI blind arbeitet, ermöglicht Claude Code die Sichtbarkeit der Auslastung und die Erweiterung durch Plugins, die Aufgaben delegieren können. Dies macht Claude Code zum unverzichtbaren Werkzeug für komplexe Projekte wie Strategieplanung, Content-Erstellung oder Software-Entwicklung.

2. Das Herzstück: Kontext-Management verstehen

Der wichtigste Grund für den Wechsel zum Terminal ist das Verständnis des Kontextfensters.

Die Eimer-Analogie [03:52]

Stell dir den Kontext der KI wie einen Eimer vor. Jedes Wort, das du schreibst, und jede Antwort der KI füllt diesen Eimer.

• Die 50%-Regel: Sobald der Eimer etwa zur Hälfte gefüllt ist, hat er symbolisch ein „Loch an der Seite“. Das bedeutet, die KI fängt an, ältere Informationen zu verdrängen oder weniger präzise zu werden.

• Die Konsequenz: Wenn die Anzeige 50 % erreicht, solltest du misstrauisch werden. Oft ist es dann Zeit, eine neue Instanz oder einen neuen Chat zu starten, um die volle Präzision zurückzugewinnen.

3. Installation und Setup der Überwachungstools

Um den Kontext überhaupt sehen zu können, benötigt Claude Code eine Erweiterung.

Die Status-Line installieren [04:40]

Damit du am unteren Rand deines Terminals immer siehst, wie viel Prozent des Kontextes verbraucht sind und welches Modell (z.B. Opus oder Sonnet) gerade aktiv ist, installierst du die Status Line.

Powershell:

npx ccstatusline@latest

Nach dem Ausführen öffnet sich ein Konfigurationsmenü. Hier kannst du das Design anpassen. Wichtig ist, dass die Option für den Kontext-Verbrauch aktiviert ist.

• Wähle nach der Konfiguration: Install to Claude Code.

• Bestätige die Installation über das NPX Node Package.

4. Erweiterung durch Plugins: Das Superpowers-System

Das Plugin Superpowers ist der eigentliche Gamechanger. Es lehrt Claude, seinen eigenen Kontext zu schützen, indem es Aufgaben an „Sub-Agents“ (Unter-Agenten) delegiert.

Plugin-Verwaltung [06:40]

Du kannst Plugins direkt im Claude Code Terminal verwalten:

• Gib /plugins ein.

• Gehe auf den Reiter Discover (mit der Tab-Taste navigieren).

• Suche nach Superpowers und drücke Enter zur Installation.

• Alternativ in der UI: Klicke auf das Plus-Symbol -> Plugins verwalten -> Superpowers installieren.

5. Der Superpowers-Workflow (Die 3 Phasen) [07:42]

Anstatt Claude einfach eine Aufgabe zu geben („Bau mir eine Website“), nutzt Superpowers einen strukturierten dreistufigen Prozess, der sicherstellt, dass die KI dich wirklich versteht.

Phase 1: Superpowers Brainstorm

In dieser Phase erkundet die KI den Projektkontext. Sie stellt dir gezielte Fragen, um deine Vision zu verstehen.

• Prompt-Beispiel: Nutze Superpowers Brainstorm, um mir bei der Erstellung meiner [Projektname/Webseite] zu helfen.

• Claude schlägt dir hier verschiedene Ansätze vor (z.B. technischer Stack, Zielgruppenfokus).

• Du behältst die volle Kontrolle und kannst Feedback geben, bevor eine einzige Zeile Code oder Text geschrieben wird.

Phase 2: Superpowers Plan

Basierend auf dem Brainstorming erstellt das Plugin ein detailliertes Design-Dokument oder eine Spezifikation.

• Hier werden Seitenstrukturen, Design-Grundlagen und Inhaltsstrategien definiert.

• Erst wenn du den Plan bestätigst, geht es weiter.

Phase 3: Superpowers Execute Plan (Delegation) [14:23]

Dies ist der entscheidende Schritt zum Schutz des Kontextes. Claude (z.B. das Hauptmodell Opus) fungiert als „Manager“ und delegiert die eigentliche Arbeit an Sub-Agents (z.B. Sonnet).

• Option wählen: Wähle beim Ausführen Sub-agent Driven (oft in Verbindung mit der Methodik Whisperflow).

• Das Hauptmodell bleibt im „Big Picture“ (geringer Kontextverbrauch), während die Sub-Agents die kleinteiligen Aufgaben erledigen und ihre Ergebnisse an den Manager zurückmelden.

6. Spezial-Plugins für Entwickler [20:00]

Zusätzlich zu Superpowers gibt es zwei Plugins, die Claude „weniger dumm“ machen, wenn es um Code geht:

1. Context 7 (MCP Server):

   • MCP steht für Model Context Protocol.

   • Dieses Tool ermöglicht es Claude, aktuelle Dokumentationen (z.B. von React oder anderen Bibliotheken) direkt aus dem Web zu lesen. So arbeitet die KI nicht mit veraltetem Wissen aus ihrem Training, sondern mit den neuesten Versionen.

2. Code Simplifier:

   • Sorgt für saubereren, effizienteren Code und vermeidet unnötige Komplexität.

7. Der Review-Prozess [20:53]

Einzigartig an diesem Setup ist die automatische Review-Instanz. Wenn die Sub-Agents fertig sind, ruft Claude automatisch einen Code Reviewer auf.

• Die KI prüft: „Haben wir den Plan wirklich so umgesetzt, wie wir es wollten?“

• Fehler oder Abweichungen werden identifiziert (z.B. „Drei wichtige Punkte zum Fixen gefunden“).

• Du kannst die Korrekturen mit einem Klick bestätigen. Dies erhöht die Qualität massiv im Vergleich zur Standard-UI.

8. Workflow-Maximierung mit dem Warp-Terminal [16:10]

Um die Komplexität des Terminals zu bändigen und die Produktivität zu vervielfachen, wird die Nutzung des Warp-Terminals empfohlen.

Vorteile von Warp für Claude Code:

• Parallelisierung: Mit Command + D kannst du das Fenster teilen. Du kannst 4 oder mehr Claude-Instanzen gleichzeitig laufen lassen, die an verschiedenen Teilen deines Projekts arbeiten.

• Organisation (Tabs): Nutze Command + T für neue Tabs, um verschiedene Projekte (z.B. „Video-Skript“ und „Website-Konzept“) sauber voneinander zu trennen.

• Sichtbarkeit: Du hast deine Ordnerstruktur und dein Terminal in einer modernen, übersichtlichen Ansicht, die sich weniger wie eine „Hacker-Konsole“ und mehr wie eine App anfühlt.

9. Zusammenfassung der Befehle und Schritte

1. Start: Öffne dein Terminal (vorzugsweise Warp).

2. Monitor: npx cc-status-line@latest ausführen für Kontext-Sichtbarkeit.

3. Erweitern: /plugins eingeben und Superpowers sowie Context 7 installieren.

4. Arbeiten:

   • Initialer Prompt: Nutze Superpowers Brainstorm für...

   • Fragen beantworten und Plan bestätigen.

   • Ausführung via Sub-agent Driven starten.

5. Qualitätssicherung: Den automatischen Review-Prozess durchlaufen lassen.

6. Lokal testen: Applikation oder Skripte direkt im Terminal starten (z.B. npm run dev oder ähnliches).

Fazit: Wann nutzt man was? [23:44]

• Claude Web-UI (Claude.ai): weiterhin ideal für Aufgaben, die den Browser-Zugriff („Computer Use“ / Browser-Bedienung) erfordern, da die UI hier aktuell noch besser integriert ist.

• Claude Code (CLI): Absolute Pflicht für alles, was lokal auf dem Rechner stattfindet – Code, Projektplanung, komplexe Strategien und Aufgaben, die maximale Präzision über einen langen Zeitraum erfordern.

Durch dieses Setup schützt du den Kontext deiner KI, nutzt spezialisierte Sub-Agenten für die Umsetzung und behältst durch die Status-Line immer die Kontrolle über die Kapazität deines digitalen Mitarbeiters.

Zusammenfassung der wichtigsten Befehle

8. Abschließende Strategie-Empfehlung

Um das Beste aus Claude Code herauszuholen, solltest du dich an diesen Rhythmus halten:

1. Vorbereitung: Starte Warp, teile das Fenster in zwei Hälften.

2. Kontext-Check: Prüfe, ob deine Status-Line aktiv ist (0% Verbrauch).

3. Konzeption: Nutze Superpowers Brainstorm für das Grobkonzept.

4. Delegation: Starte die Umsetzung im Sub-agent Driven Modus.

5. Monitoring: Behalte die 50%-Marke im Auge. Wenn sie erreicht wird: Zusammenfassen -> Neuer Chat -> Plan reinladen.

6. Review: Akzeptiere niemals Code ohne den automatischen Review-Check.

Durch diese strukturierte Herangehensweise verhinderst du, dass die KI „dumm“ wird, und nutzt die volle Power von Claude als echtes Multi-Agenten-System auf deinem lokalen Rechner.