> ## Documentation Index
> Fetch the complete documentation index at: https://docs.devin.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Pré-visualização do Devin Desktop

> Veja seu app web localmente no IDE do Devin Desktop ou no navegador, com seleção de elementos, captura de erros e integração direta com o agente para iterar rapidamente.

A Pré-visualização do Devin Desktop permite visualizar a implantação local do seu app no IDE ou no navegador (otimizado para Google Chrome, Arc e navegadores baseados em Chromium), com listeners que facilitam a iteração rápida ao enviar elementos e erros de volta ao agente como contexto.

<video autoPlay muted loop playsInline className="w-full aspect-video" src="https://mintcdn.com/cognitionai/ZXlEj7-YuSvmCewv/desktop/assets/windsurf/previews/browser-preview-demo.mp4?fit=max&auto=format&n=ZXlEj7-YuSvmCewv&q=85&s=c7c76c630b819c028998023e543f263b" data-path="desktop/assets/windsurf/previews/browser-preview-demo.mp4" />

A Pré-visualização do Devin Desktop é aberta por meio de uma chamada de ferramenta, então basta pedir ao agente para ver uma prévia do seu site e começar.

<h1 id="send-elements-to-the-agent">
  Enviar elementos para o Agent
</h1>

Na prévia, você pode selecionar e enviar elementos/componentes e erros diretamente para o agente. Basta clicar no botão "Enviar elemento", no canto inferior direito, e selecionar o elemento que deseja enviar.

O elemento selecionado será inserido no seu prompt atual do agente como uma menção `@`. Você pode adicionar quantos elementos quiser ao prompt.

<h1 id="supported-agents">
  Agentes compatíveis
</h1>

As prévias funcionam com todos os agentes. Devin Local, agentes remotos e [agentes ACP](/pt-BR/desktop/acp) podem abrir uma prévia no navegador pelo mesmo fluxo de trabalho: o agente atua como proxy do seu servidor de desenvolvimento local, e os elementos e erros do console capturados são enviados para a caixa de mensagens desse agente como contexto pendente. No Devin Desktop, a prévia é aberta no painel nativo do navegador ao lado do agente.

<h1 id="in-ide-preview">
  Prévia na IDE
</h1>

O Devin Desktop pode abrir uma prévia como uma nova aba no seu editor. Esta é uma visualização web simples que permite visualizar o app web ao lado do painel do agente.

Como essas prévias são hospedadas localmente, você também pode abri-las no navegador do sistema, com todos os listeners e com a capacidade de selecionar e enviar elementos e erros do console para o agente.

<Warning>Os listeners e a capacidade de enviar elementos e erros são otimizados para Google Chrome, Arc e navegadores baseados em Chromium.</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.