6 / 543

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.

Video

Quellen