Der eingebaute Browser: deine App in der Vorschau, surfen und festhalten

Ein Browser, den der Assistent sehen kann

Coding-Agenten sind meist blind für das, was sie bauen — sie schreiben den Code, sehen sich die laufende Seite aber nie an. More AI schließt diesen Kreis mit einem echten, eingebetteten Browser, der im Code-Modus neben deiner Arbeit steht, sodass du dem Assistenten genau zeigen kannst, was du siehst, statt es zu beschreiben.

Es ist ein echter Browser: eine Adressleiste, die zugleich als Suche dient, Zurück und Vor, Neu laden, DevTools und „im Standardbrowser öffnen“, wenn du lieber wechseln möchtest. Er läuft abgeschottet in seiner eigenen Sitzung, nur über http und https.

Deinen Dev-Server mit einem Klick in der Vorschau

Der Browser liest die Dev-Server-Einrichtung deines Projekts — eine .claude/launch.json-Konfiguration oder das dev-Skript in der package.json — und listet die gefundenen Server auf. Starte einen, und das Panel öffnet ihn automatisch unter localhost; genauso leicht stoppst du ihn wieder. Kein Suchen nach dem Port, kein zweites Fenster.

Es ist der schnellste Weg von einer Änderung dahin, die Änderung zu sehen: Der Agent bearbeitet den Code, du klickst auf Vorschau, und die laufende App ist direkt da.

Screenshot, Anmerkungen, übergeben

Etwas stimmt nicht? Halte die Seite als Screenshot fest, versieh ihn direkt dort mit Markierungen — Stift, Linien, Kästen, Ellipsen und Textlabels — und füg ihn dem Chat hinzu. Der Assistent erhält ihn als Bild, das er wirklich betrachten kann, sodass aus „der Button sitzt hier schief“ ein Bild mit einem Pfeil wird statt eines Absatzes.

Das macht aus visuellen Bugs etwas, mit dem der Agent direkt arbeiten kann — genau der Kontext, den ein reiner Text-Chat nie tragen kann.

Auf ein einzelnes Element zeigen

Für eine präzise Korrektur nutzt du den Element-Picker: Klick ein Element auf der Seite an, und es wird zu einem Chip in deiner Nachricht — genau das, was du meinst, an den Assistenten übergeben, ohne Selektoren von Hand zu kopieren. Bearbeite den Chip vor dem Senden, wenn du es noch weiter eingrenzen willst.

Es bleibt dein Browser, und er bleibt lokal

Den Browser steuerst du, nicht heimlich der Agent: Seiten, die du öffnest, und Screenshots, die du machst, werden nur dann mit dem Assistenten geteilt, wenn du es willst. Er behält seine eigene Sitzung, merkt sich die letzte Adresse pro Code-Sitzung und sendet — wie der Rest von More AI — nichts irgendwohin außer an den Modellanbieter, dessen Schlüssel du hinterlegt hast.

Häufige Fragen

Wofür ist der eingebaute Browser da?

Er lässt dich deine laufende App in der Vorschau ansehen und im Web surfen, ohne More AI zu verlassen — und, entscheidend, er lässt den Coding-Agenten die Seite sehen. Du kannst Screenshots machen, sie mit Anmerkungen versehen und auf Elemente zeigen, um sie dann als echten visuellen Kontext an den Assistenten zu übergeben.

Kann er meinen lokalen Dev-Server in der Vorschau zeigen?

Ja. Er liest deine .claude/launch.json (oder das dev-Skript in der package.json), listet die gefundenen Server auf und öffnet den, den du startest, mit einem Klick unter seiner localhost-Adresse.

Wie hilft es dem Assistenten, einen Screenshot mit Anmerkungen zu versehen?

Ein markierter Screenshot landet als Bild im Chat, das das Modell sehen kann — so wird aus einem visuellen Problem (ein schief sitzender Button, ein kaputtes Layout) ein Bild mit deinen Notizen darauf statt einer Beschreibung, die es sich vorstellen muss.

Surft der Agent von selbst?

Den Browser steuerst du. Seiten, die du öffnest, und Screenshots, die du machst, werden nur dann mit dem Assistenten geteilt, wenn du sie dem Chat hinzufügst — du behältst also die Kontrolle darüber, was er sieht.

Ist der eingebaute Browser privat?

Er läuft abgeschottet in seiner eigenen Sitzung, nur über http/https, und wie der Rest der App sendet er nichts irgendwohin außer an den Modellanbieter, dessen Schlüssel du hinterlegt hast. Nichts, was du aufrufst, verlässt von selbst deinen Rechner.