So beheben Sie 90% der Fehler in Claude Code

Das Video präsentiert die neue Chrome-Erweiterung für Claude Code, die die Entwicklungsweise des Teams erheblich verbessert hat. Die Erweiterung bietet gegenüber älteren Tools wie Playwright und Puppeteer MCP erhebliche Vorteile, da sie nicht unter aufgeblähtem Kontextfenster, verwirtem Projektordner mit zufälligen Screenshots oder Problemen bei der Ausführung von App-Aktionen leidet. Der Sprecher war ursprünglich skeptisch gegenüber automatisiertem KI-Testen, wurde aber durch diese neue integrierte MCP-Lösung begeistert. Zusätzlich wird Automata vorgestellt, ein Service, der als technischer Co-Pilot fungiert und dabei hilft, Ideen mit Hilfe von KI-Workflows in echte, funktionierende Lösungen zu verwandeln.

Das erste große Problem besteht darin, dass Claude bei Website-Tests zu viele sequenzielle Schritte durchführt, indem er für jeden Abschnitt einen Scroll-Vorgang durchführt und bei jedem Schritt Screenshots macht. Der Sprecher demonstriert eine bessere Lösung: vollständige Seitenscreenshots zu erstellen statt Screenshots Abschnitt für Abschnitt. Durch ein Skript, das verschiedene Web-Tools nutzt, und Anweisungen in einem benutzerdefinierten Schrägstrich-Befehl erkennt Claude automatisch, dass dies ein vollständiger Seitentest ist und verwendet das Skript direkt. Dies führt zu deutlich schnelleren Tests mit gleicher Genauigkeit und spart massiv Kontextfenster-Token.

Das zweite Problem ist, dass MCP-Tools versuchen, unnötig große Mengen an Inhalten auf einmal zu laden. Statt spezifische HTML-Divs zu laden, wird oft das gesamte HTML im Main-Tag geladen, das eine riesige Menge an Token enthält, selbst wenn dies nicht notwendig ist. Der Sprecher zeigt, dass dies einen großen Teil des Kontextfensters verbraucht und selbst einfache Aufgaben erheblich aufblähen. Die Lösung besteht darin, detaillierte Anweisungen in der Claude.md-Datei hinzuzufügen, wie man den Kontext richtig verwaltet, sodass jede Extraktion präzise begrenzt ist und den Kontext nicht mit unnötigen Informationen aufbläht.

Das dritte Problem ist, dass Claude viel Zeit verschwendet, wenn er auf Websites mit unerwünschten Pop-ups wie Cookie-Hinweisen trifft, weil er versucht, diese mit Screenshot- und Scroll-Sequenzen zu handhaben. Der Sprecher zeigt eine bessere Lösung: ein Skript, das die häufigsten Button-Selektoren und Muster zum Schließen von Cookie-Bannern enthält. Dieses Skript findet die Selektoren im Code und schließt die Pop-ups automatisch. Durch Anweisungen in der Claude.md-Datei führt Claude dieses JavaScript aus, bevor es mit dem Hauptinhalt fortfährt, was Token und Zeit spart und unnötige Schritte eliminiert.

Aus Sicherheitsgründen ist Claude eingeschränkt, Screenshots zu machen oder Authentifizierung in der Nutzerperson durchzuführen. Wenn eine Website Login oder CAPTCHA-Verifizierung erfordert, kann Claude diesen Prozess nicht automatisieren. Der Sprecher empfiehlt, sich selbst authentifiziert zu haben, bevor man Claude die Aufgabe gibt, damit Claude nicht blockiert wird und keine Zeit verschwendet. Dies ist eine wichtige Einschränkung, die bei der Planung von Tests berücksichtigt werden muss.

Der Sprecher erläutert, warum er die Claude Chrome-Integration gegenüber Puppeteer bevorzugt: Sie ist ein natives Tool der Claude-Code-Entwickler mit besserer Integration und Kontrolle. Während Puppeteer-ähnliche MCPs in separaten Umgebungen ohne Sitzungen arbeiten, kann Claude mit der Chrome-Integration sich mit angemeldeten Konten verbinden, Google Docs und Google Sheets verwenden und Sitzungsinformationen beibehalten. Allerdings verbrauchen Browser-Integrationen viel Kontext, daher muss die Auto-Komprimierung beobachtet werden. Eine weitere Einschränkung ist, dass die Chrome-Integration nur mit Chrome funktioniert, nicht mit anderen Chromium-Browsern, und bei mehreren Chrome-Profilen Probleme auftreten können.

Chrome-Erweiterungen unter Manifest V3 können blockiert werden, wenn sie zu lange laufen, was zu unerwartetem Stoppen von Claude führt. Um dieses Problem zu lösen, statt End-to-End-Tests zu erstellen, hat der Sprecher mehrere Test-Dateien mit verschiedenen Aspekten der Anwendung erstellt. Jede Datei enthält Prioritätsstufen, Vorbedingungen, Test-Schritte und erwartete Ergebnisse. Es gibt auch einen Testleitfaden und eine Readme für Dokumentation. Dies ermöglicht Claude, bei Kontextfenster-Komprimierung durch Fortschrittsdateien zu wissen, was bereits getestet wurde und was noch fehlt.

Der Sprecher hat Anweisungen in der Claude.md-Datei hinzugefügt, die Claude anweisen, nach jedem Test ein umfassendes Test-Report-Dokument zu erstellen, damit Fortschritt bei Kontextfenster-Komprimierung nicht verloren geht. Außerdem wurde ein benutzerdefinerter Slash-Befehl erstellt, der Tests auf strukturierte Weise durchführt und anschließend Dokumentation im richtigen Format erstellt. Der Befehl überwacht auch den Kontext vor jeder Aufgabe, um sicherzustellen, dass er nicht verloren geht. Mit diesem Workflow braucht man nur den Slash-Befehl zu nutzen und die zu testende Datei anzugeben, und Claude beginnt automatisch nach exakten Anweisungen zu testen, Fehler zu erkennen, automatisch mit Elementen zu interagieren und Tests zu dokumentieren.