Skip to main content
Devin Desktop プレビューを使うと、リスナー機能により、アプリのローカル環境でのデプロイを IDE またはブラウザ (Google Chrome、Arc、Chromium ベースのブラウザ向けに最適化) で表示でき、要素やエラーを前提情報として簡単にエージェントに送り返せるため、すばやく反復できます。 Devin Desktop プレビューはツールの呼び出しで開くため、まずはエージェントにサイトをプレビューするよう依頼してください。あるいは、エージェントツールバーの Web アイコンをクリックすると、プロキシに入力する自然言語プロンプトが自動的に引き継がれます。

要素をエージェントに送信する

プレビュー では、要素やコンポーネント、エラーを選択して、直接 エージェント に送信できます。右下の「Send element」ボタンをクリックし、送信したい要素を選択してください。 選択した要素は、現在の エージェント プロンプトに @ mention として挿入されます。プロンプトには必要な数だけ要素を追加できます。

対応エージェント

プレビューはCascadeに限られません。リモートエージェントとACP agentsも、同じワークフローでブラウザプレビューを開けます。エージェントがローカル開発サーバーをプロキシし、キャプチャした要素とコンソールエラーは保留中の前提情報として、そのエージェントのメッセージボックスに表示されます。Devin Desktopでは、プレビューはエージェントの横にある組み込みブラウザペインで開きます。

IDE 内プレビュー

Devin Desktop では、エディタ内でプレビューを新しいタブとして開けます。これはシンプルな Web ビューで、エージェントパネルと並べて Web アプリを表示できます。 これらのプレビューはローカルでホストされているため、システムのブラウザでも開けます。その場合も、すべてのリスナーが有効で、要素やコンソールエラーを選択してエージェントに送信できます。
リスナー機能、および要素やエラーを送信する機能は、Google Chrome、Arc、ならびに Chromium ベースのブラウザ向けに最適化されています。

無効にする方法

Devin - Settings から Devin Desktop プレビュー を無効にできます。これにより、エージェントはこのツールの呼び出しを行わなくなります。