Devin Desktop プレビューを使うと、リスナー機能により、アプリのローカル環境でのデプロイを IDE またはブラウザ (Google Chrome、Arc、Chromium ベースのブラウザ向けに最適化) で表示でき、要素やエラーを前提情報として簡単に Cascade に送り返せるため、すばやく反復できます。
Devin Desktop プレビューはツール呼び出しで開くため、まずは Cascade にサイトをプレビューするよう依頼してください。あるいは、Cascade ツールバーの Web アイコンをクリックすると、プロキシに入力する自然言語プロンプトが自動的に引き継がれます。
プレビュー では、要素やコンポーネント、エラーを選択して、直接 Cascade に送信できます。右下の「Send element」ボタンをクリックし、送信したい要素を選択してください。
選択した要素は、現在の Cascade プロンプトに @ mention として挿入されます。プロンプトには必要な数だけ要素を追加できます。
Devin Desktop では、エディタ内でプレビューを新しいタブとして開けます。これはシンプルな Web ビューで、Cascade パネルと並べて Web アプリを表示できます。
これらのプレビューはローカルでホストされているため、システムのブラウザでも開けます。その場合も、すべてのリスナーが有効で、要素やコンソールエラーを選択して Cascade に送信できます。
リスナー機能、および要素やエラーを送信する機能は、Google Chrome、Arc、ならびに Chromium ベースのブラウザ向けに最適化されています。
Windsurf - Settings から Devin Desktop プレビュー を無効にできます。これにより、Cascade はこのツールの呼び出しを行わなくなります。