So codiert Claude Websites nach Sicht – Drawbridge macht es möglich
TL;DR
Das Chrome-Extension 'Drawbridge' erlaubt es, Browser-Elemente direkt im Screenshot zu annotieren und diese visuellen Anweisungen an Claude weiterzugeben.
Key Points
- Die Extension ist kostenlos und unterstützt Screenshots, HTML-Snippets und Kommentare als kombinierte Eingabe für KI-Systeme.
- Aufgaben lassen sich in einer Markdown-Datei (mo_tasks.md) speichern und strukturiert abarbeiten.
- Damit entfällt das umständliche Beschreiben von UI-Elementen per Text – Claude 'sieht' direkt, was geändert werden soll.
Nauti's Take
Drawbridge ist kein Quantensprung, aber ein sinnvolles kleines Werkzeug, das einen echten Workflow-Schmerz adressiert. Die Kombination aus Screenshot-Annotation, HTML und Freitext-Kommentaren klingt nach genau der Art von strukturiertem Kontext, den Modelle wie Claude brauchen, um präzise zu arbeiten.
Dass das Ganze als kostenlose Chrome-Extension kommt, macht es zum No-Brainer für alle, die Claude Code bereits nutzen. Spannend wird es, wenn solche visuellen Eingabemethoden direkt in IDEs oder native Claude-Interfaces wandern – der Browser-Umweg ist langfristig eine Krücke.
Hintergrund
Visuelle Kontextübergabe ist einer der größten Engpässe beim KI-gestützten Web-Development: Wer je versucht hat, einem Modell per Text zu erklären, welches Button-Element auf welcher Seite gemeint ist, kennt das Frustrations-Potenzial. Drawbridge löst dieses Problem pragmatisch, indem es den Browser selbst zur Eingabeschnittstelle macht. Das senkt die Einstiegshürde erheblich – auch für Nicht-Entwickler, die Designänderungen direkt kommunizieren wollen.
Video
Quellen