Tech-Update / Abenteuer mit Claude Code #23
Claude sieht mit – Screenshots und der Browser
„Der Button ist irgendwie verschoben, und auf dem Handy bricht die Tabelle um.“ Versuchen Sie mal, das so präzise in Worte zu fassen, dass jemand ohne Bildschirm den Fehler findet.
Muss man nicht. Claude Code kann Bilder lesen und sogar selbst einen Browser bedienen.
🖼️ Screenshots einfügen
Screenshot machen, im Terminal Ctrl+V drücken (in iTerm2 auch Cmd+V), dazuschreiben, was nicht stimmt. Claude erkennt Layoutfehler, liest Fehlermeldungen aus Dialogen ab und kann aus einer Skizze oder einem Design-Entwurf eine erste Komponente bauen.
🌐 Claude in Chrome
Mit der Chrome-Erweiterung und claude --chrome steuert Claude Ihren Browser:
- Seiten öffnen, klicken, Formulare ausfüllen
- Konsolenfehler und den DOM-Zustand lesen
- einen kompletten Ablauf testen, z. B. Registrierung bis Bestätigungsseite
- das Ganze als GIF aufzeichnen, perfekt für den Pull Request
Das funktioniert auch in Anwendungen, in denen Sie eingeloggt sind. Bei Logins und CAPTCHAs hält Claude an und überlässt Ihnen das Steuer.
💡 Mein Lieblingsablauf
„Behebe den Fehler im Warenkorb und prüfe danach im Browser, ob er weg ist.“ Claude ändert den Code, lädt die Seite neu, liest die Konsole und meldet erst dann „fertig“. Der Kreis schließt sich ohne mich.
Ein Hinweis:
Der Browser läuft mit Ihren Sitzungen und Rechten. Wer Claude in einem eingeloggten Admin-Bereich arbeiten lässt, sollte genau wissen, was er beauftragt. Für Claude in Chrome brauchen Sie außerdem einen direkten Anthropic-Plan, mit reinem API-Schlüssel geht es nicht.
Meine Faustregel:
- Schwer zu beschreiben? Screenshot statt Absatz.
- Web-Frontend geändert? Claude im Browser selbst prüfen lassen.
- Produktiv-Admin, Zahlungen, Kundendaten? Nur mit Ihnen daneben.
Deutsch
English