Skip to main content
Mit Devin Desktop Previews können Sie die lokale Bereitstellung Ihrer App entweder in der IDE oder im Browser anzeigen (optimiert für Google Chrome, Arc und Chromium-basierte Browser). Dank der Listener können Sie schnell iterieren, indem Sie Elemente und Fehler ganz einfach als Kontext an den Agenten zurücksenden. Devin Desktop Previews werden per Tool-Aufruf geöffnet. Bitten Sie also einfach den Agenten, eine Vorschau Ihrer Website zu öffnen, um loszulegen. Alternativ können Sie auch auf das Web-Symbol in der Symbolleiste des Agenten klicken, um den natürlichsprachlichen Prompt automatisch zu übernehmen und den Proxy zu öffnen.

Elemente an den Agent senden

In der Vorschau können Sie Elemente/Komponenten und Fehler direkt an den Agent senden. Klicken Sie einfach unten rechts auf die Schaltfläche „Element senden“ und wählen Sie dann das Element aus, das Sie senden möchten. Das ausgewählte Element wird als @-Erwähnung in Ihren aktuellen Agent-Prompt eingefügt. Sie können dem Prompt so viele Elemente hinzufügen, wie Sie möchten.

Unterstützte Agenten

Previews sind nicht auf Cascade beschränkt. Remote-Agenten und ACP-Agenten können über denselben Workflow eine Browser-Vorschau öffnen: Der Agent leitet Ihren lokalen Entwicklungsserver weiter, und die erfassten Elemente und Konsolenfehler werden als ausstehender Kontext im Nachrichtenfeld des jeweiligen Agenten abgelegt. In Devin Desktop wird die Vorschau im integrierten Browser-Bereich neben dem Agenten geöffnet.

Vorschau in der IDE

Devin Desktop kann eine Vorschau als neuen Tab in deinem Editor öffnen. Dabei handelt es sich um eine einfache Webansicht, mit der du eine Web-App neben deinem Agenten-Panel anzeigen kannst. Da diese Vorschauen lokal gehostet werden, kannst du sie auch in deinem Systembrowser öffnen – inklusive aller Listener sowie der Möglichkeit, Elemente auszuwählen und zusammen mit Konsolenfehlern an den Agenten zu senden.
Die Listener und die Funktionen zum Senden von Elementen und Fehlern sind für Google Chrome, Arc und Chromium-basierte Browser optimiert.

So deaktivieren Sie die Funktion

Sie können Devin Desktop Previews in Devin unter Settings deaktivieren. Dadurch wird verhindert, dass der Agent diesen Tool-Aufruf ausführt.