Dar contexto à IA: arquivos, imagens e trechos do código

Anexe imagens e arquivos, aponte um arquivo do projeto com @ ou selecione linhas na aba Código, para a IA saber exatamente do que você está falando.

No modo código, o + à esquerda da caixa de mensagem (Mais opções) reúne tudo o que você pode juntar a um pedido:

Item	O que faz
Projeto ›	Leva a uma parte do editor: Prévia, Plano, Código, Banco de dados, Histórico ou Domínio.
Central de ajuda	Abre esta central numa nova aba.
Suporte	Abre a página de suporte numa nova aba.
Adicionar contexto (@)	Escolhe um arquivo do projeto para o próximo pedido.
Anexar arquivos	Abre a janela para escolher arquivos do seu computador.

O campo Buscar…, no topo do menu, filtra os itens e também encontra arquivos do projeto pelo nome. As setas do teclado navegam, Enter escolhe e Esc fecha.

No editor visual, o + (Adicionar contexto) tem Anexar arquivos, Capturar a tela, Conhecimento e Central de ajuda.

Apontar um arquivo com @

Na caixa de mensagem, digite @
No começo do texto ou depois de um espaço. O menu abre em Adicionar contexto.
Continue digitando parte do nome
O menu mostra os arquivos do projeto que combinam.
Escolha o arquivo
Ele vira uma etiqueta acima da caixa, Selecionado no código, e o @ sai do texto.
Escreva o pedido e envie
A IA lê aquele arquivo inteiro e entende que o pedido é sobre ele.

Para desfazer, clique em Tirar a seleção na etiqueta.

Selecionar um arquivo ou linhas na aba Código

Abrir um arquivo na aba Código já o seleciona para o próximo pedido. Selecionar linhas com o mouse estreita a seleção para elas, e a etiqueta mostra o nome e as linhas, como Header.tsx:12–30. Use para pedidos como “mude só isto” ou “faça outro igual a este”. A seleção vai com o pedido que você enviar e depois sai da caixa.

Selecionar um componente na prévia

No modo código, clique em Selecionar componente acima da prévia e depois na parte do site que quer mudar: um botão, um título, um card. A etiqueta mostra o nome dela, como Hero › Botão · a, e o pedido seguinte muda só aquela parte, sem mexer no resto da página nem nas outras páginas. Se a mesma peça aparece em outros lugares, só esta muda, a não ser que você peça todas.

Anexar imagens e arquivos

Cole com Ctrl+V (Cmd+V no Mac), arraste para a caixa de mensagem ou use Anexar arquivos.

Tipo	Detalhes
Imagens	PNG, JPG, WebP, GIF e SVG. Até 4 por pedido e 5 MB cada; imagens muito grandes são reduzidas antes do envio. No modo código, só no modo Construir.
Arquivos de texto	No modo código: .txt, .md, .csv, .json, .html, .css, .js, .ts, .xml, .yml e parecidos. No editor visual: .txt e .md. O conteúdo entra no pedido.

Uma imagem enviada sem texto vira o pedido “use as imagens anexadas”.

Imagens como referência de layout

No modo código, a IA identifica para que serve cada imagem: um layout a reproduzir, um logo, uma foto para usar no site, uma captura de um problema ou um conteúdo a copiar. Um layout de referência é reproduzido o mais fielmente possível, com as mesmas seções, proporções, espaçamentos e as cores medidas na própria imagem. Só a marca não é copiada: o logo, o nome da empresa, o slogan e as marcas da referência são trocados pelos seus, e os textos continuam falando do seu negócio.

Observação.Um pedido com imagens nunca conta como ajuste pequeno, e pedir para copiar o visual de uma imagem conta como pedido grande: o chat mostra o tempo e os créditos e pede confirmação antes.

Ver o que mudou e desfazer

Depois que a IA aplica uma mudança, os arquivos que ela tocou ganham uma marca na aba Código. Ao abrir um deles, você vê as linhas que mudaram, sob Mudança da versão N.

Ver arquivo e Ver mudanças alternam entre o arquivo inteiro e só o que mudou.
Desfazer neste arquivo volta só aquele arquivo ao que era antes, como uma versão nova. Se outros arquivos dependem da mudança, o desfazer é recusado e você deve desfazer a mudança inteira.
Desfazer esta mudança, também presente no chat abaixo da resposta da IA, traz de volta a versão anterior inteira, também como uma versão nova.
Isso vale para a última mudança aplicada enquanto o editor está aberto. Para voltar mais longe, use o Histórico.

Perguntas frequentes

Meu arquivo foi recusado.

Só entram imagens (PNG, JPG, WebP, GIF, SVG) e arquivos de texto. PDF, Word e planilhas do Excel não são aceitos; copie o texto para um arquivo .txt ou .md, ou exporte a planilha como .csv.

Posso anexar mais de 4 imagens?

Não no mesmo pedido. Divida em pedidos menores, cada um com até 4 imagens.

A IA vai copiar o logo do site que mandei como exemplo?

Não. A marca da referência nunca é copiada; o site usa o seu nome e o seu logo.

Posso editar o código selecionado direto na aba Código?

Não. A aba Código é só leitura; selecione as linhas e descreva a mudança no chat.