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

# Adicione contexto à IA do LanderLab: arquivos, capturas de tela e páginas

> Dê um contexto melhor ao Assistente de IA do LanderLab. Anexe arquivos, tire capturas de tela e traga conteúdo de outra landing page para obter resultados mais precisos.

O Assistente de IA gera resultados melhores quando tem o contexto certo. Em vez de descrever tudo em palavras, você pode mostrar a ele arquivos, capturas de tela e suas outras landing pages. Este guia explica cada opção e quando usá-la.

## Formas de adicionar contexto

Clique em **+** na caixa de prompt do Assistente de IA para ver todas as opções.

| Opção                 | Ideal para                                                                       |
| --------------------- | -------------------------------------------------------------------------------- |
| **Attach files**      | Imagens de produtos, logotipos, materiais da marca ou arquivos de referência.    |
| **Take a screenshot** | Mostrar à IA um problema de layout ou um design que você quer que ela reproduza. |
| **Add context**       | Reutilizar seções, textos ou estilos de outra landing page.                      |

## Como adicionar contexto de outra página

Use **Add context** quando quiser que a IA reutilize algo que você já criou, como uma seção hero, um bloco de oferta ou um layout vencedor de outro lander.

<Steps>
  <Step title="Abra o menu +">
    Na caixa de prompt do Assistente de IA, clique em **+**.
  </Step>

  <Step title="Passe o mouse sobre Add context">
    Uma lista das suas landing pages será aberta ao lado do menu.
  </Step>

  <Step title="Encontre a página">
    Digite em **Search pages** ou role a lista. Passe o mouse sobre uma página para ver um card de pré-visualização com a miniatura, o status de publicação e as datas de criação e da última atualização. Isso ajuda você a confirmar que escolheu a página certa.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/7oYUvQRdpj3cDy1e/images/3a222c7c-9581-44c9-be0d-df0614e5819c.png?fit=max&auto=format&n=7oYUvQRdpj3cDy1e&q=85&s=1ecfa0d5fc1252ef9638fa9f721a92d7" alt="O menu Add context no Assistente de IA com o campo Search pages, uma lista de landing pages e o card de pré-visualização da página sob o cursor" width="952" height="525" data-path="images/3a222c7c-9581-44c9-be0d-df0614e5819c.png" />
    </Frame>
  </Step>

  <Step title="Selecione a página">
    Clique na página para adicioná-la à sua mensagem como contexto.
  </Step>

  <Step title="Diga à IA o que fazer com ela">
    Escreva sua solicitação e mencione a página que você adicionou. Por exemplo:

    ```text theme={null}
    Use the hero section and testimonials from the added page on this page. Keep this page's colors and fonts.
    ```
  </Step>
</Steps>

<Tip>
  Diga exatamente qual parte da outra página você quer. "Copie a seção de FAQ" funciona muito melhor do que "deixe igual à outra página".
</Tip>

## Como tirar uma captura de tela

Tire uma captura de tela para mostrar à IA exatamente de qual parte da página você está falando. Você também pode desenhar sobre ela para apontar o problema.

<Steps>
  <Step title="Clique em Take a screenshot">
    Na caixa de prompt, clique em **+** e depois em **Take a screenshot**. O canvas muda para o modo de captura.
  </Step>

  <Step title="Selecione a área">
    Arraste para selecionar a parte da página que você quer capturar. Use as alças para redimensionar a seleção. O tamanho selecionado aparece no canto.
  </Step>

  <Step title="Faça marcações (opcional)">
    Use a barra de ferramentas na parte inferior para destacar o que importa:

    * **Rectangle** para enquadrar uma área.
    * **Arrow** para apontar para um elemento.
    * **Pen** para desenhar à mão livre.
    * **Undo** e **Redo** para corrigir um erro.
    * **X** para cancelar a captura de tela.
  </Step>

  <Step title="Clique em Attach">
    Clique em **Attach**. A captura de tela é adicionada à sua mensagem.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/uWHxd5IAWWFP2kM-/images/download-(9).png?fit=max&auto=format&n=uWHxd5IAWWFP2kM-&q=85&s=55dd3c5cd13857b9cac175c2e1bceab5" alt="Modo de captura de tela no editor do LanderLab com uma área selecionada e a barra de marcação com retângulo, seta, caneta, desfazer, refazer e Attach" width="1922" height="958" data-path="images/download-(9).png" />
    </Frame>
  </Step>

  <Step title="Descreva a alteração">
    Diga à IA o que corrigir. Por exemplo:

    ```text theme={null}
    The pricing cards overlap on mobile. Stack them in one column and add more space between them.
    ```
  </Step>
</Steps>

## Como anexar arquivos

<Steps>
  <Step title="Clique em Attach files">
    Na caixa de prompt, clique em **+** e depois em **Attach files**.
  </Step>

  <Step title="Faça upload do arquivo">
    Escolha o arquivo no seu computador. Ele vai aparecer na caixa de prompt.
  </Step>

  <Step title="Explique como usá-lo">
    Diga à IA onde o arquivo deve ser usado, por exemplo, "Use esta imagem como fundo da seção hero" ou "Use as mesmas cores deste logotipo".
  </Step>
</Steps>

## Dicas para dar um contexto melhor

* **Adicione apenas o que for relevante.** Contexto em excesso pode desviar a IA da tarefa.
* **Diga o que importa.** Aponte a seção, o elemento ou o detalhe exato no arquivo ou na página.
* **Faça marcações nas suas capturas de tela.** Uma seta ou um retângulo na área com problema elimina qualquer dúvida.
* **Combine as opções.** Uma captura de tela com uma instrução curta costuma ser a forma mais rápida de corrigir um problema de design.

## Relacionados

<CardGroup cols={2}>
  <Card title="Skills" icon="book-open" href="/pt-BR/features/ai/skills">
    Salve instruções que a IA reutiliza em tarefas recorrentes.
  </Card>

  <Card title="Otimize com IA" icon="chart-line-up" href="/pt-BR/features/ai/optimize-landing-pages">
    Escreva prompts que geram páginas com mais conversões.
  </Card>
</CardGroup>
