Manual do AI Code Harvester: cada recurso, passo a passo
Um guia ilustrado e curto da extensão gratuita para ChatGPT e Gemini. As imagens se mexem para você ver como cada coisa funciona.
NovoNovidades desta versão
Estacione o painel na borda da tela
Arraste o pequeno painel do Harvester para qualquer borda da tela. Ele se recolhe como uma gaveta estreita e nunca cobre o chat.
Arraste o painel pelo título em direção a uma borda. Quanto mais perto, mais a borda brilha.
Solte e o painel se recolhe na borda. Clique na faixa para puxá-lo de volta.
Quer o painel perto da borda, mas sem encaixar? Segure Shift (ou aperte Esc) enquanto arrasta.
</>
Veja o código sendo escrito
Na gaveta fechada, uma linha de blocos se enche enquanto a IA escreve e mostra o arquivo em andamento. Quando o código termina, tudo acende e Mostrar abre a página na hora.
A gaveta fechada: enquanto a IA escreve e quando o código está pronto.
Veja a página ao vivo
Clique em Mostrar e a página abre em uma aba própria, funcionando de verdade. Quando a IA termina uma resposta nova, a página se atualiza sozinha.
Clique em Mostrar: no painel, na gaveta fechada ou em um projeto do histórico.
Lá em cima, alterne entre Computador, Tablet e Celular para ver a página em cada tela.
Peça uma mudança à IA. Quando ela terminar, a prévia se atualiza sozinha.
bakery-siteComputadorTabletCelular
Suas cores
Escolha uma cor de destaque em tom claro, normal ou escuro, ou qualquer cor que quiser. Em Configurações você também ajusta a gaveta fechada (os blocos e o botão Mostrar) e vê o resultado ao vivo.
Em detalhe
Exporte do seu jeito
Um clique e seu trabalho sai do Harvester no formato de que você precisa a seguir. Nada vai para um servidor: o arquivo é criado neste computador.
Harvester
.zip.html+ chat.md.md→ AI.pdfcopy
Arquivos
ZIP com arquivos
Todos os arquivos selecionados, cada um na sua pasta, em um único download. Descompacte e o projeto funciona exatamente como a IA montou.
Ideal paralevar um projeto pronto para o seu computador ou para uma hospedagem
Página única (.html)
Estilos e scripts unidos em um só arquivo .html. Abre com duplo clique ou vai por e-mail: não precisa de mais nada.
Ideal paramostrar a página para alguém rapidamente
Projeto com várias pastas? Gere o ZIP mantendo as pastas: se a IA escrever um caminho acima do código (css/style.css), a pasta é reconhecida sozinha, e no Workspace você pode mudar à mão a pasta de cada arquivo. O ZIP sai com exatamente essa estrutura.
Chat
Código + chat
Os arquivos mais um chat.md que explica como foram feitos, tudo em um ZIP. Os motivos por trás do código vão junto.
Ideal parapassar um projeto adiante ou retomá-lo meses depois
Chat em Markdown
A conversa em Markdown limpo: títulos, listas e blocos de código ficam organizados.
Ideal paranotas no Obsidian, Notion ou GitHub
Chat para continuar em outra IA
Um arquivo Markdown com uma instrução curta no topo. Cole num chat novo e outra IA continua com todo o contexto.
Ideal paraalternar entre ChatGPT e Gemini ou quando um chat fica longo demais
Chat em PDF
Abre a janela de impressão para salvar a conversa como um PDF que qualquer pessoa consegue ler.
Ideal paradocumentos, relatórios e pessoas que não usam código
Copiar chat
O texto inteiro vai para a área de transferência com um clique, pronto para colar.
Ideal parauma mensagem rápida, um e-mail ou um chamado de suporte
IncluirÚltima resposta / Conversa inteira · Conversas muito longas podem passar do que a IA consegue ler. Em chats longos, escolha "Última resposta".
As ferramentas do dia a dia
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
↓ Ir para o final
Pule direto para qualquer código
Cada arquivo do painel tem um botão ↕. Clique e o chat rola até aquele bloco de código exato e o destaca por um instante, assim você nunca precisa caçar numa resposta longa. ↓ Ir para o final leva você de volta à última resposta.
≡ Code Harvester↻
index.html
style.css
app.js
📦 ZIP📄 Um a um
💾 Baixar tudo (3) em ZIP💾 Baixar selecionados (2/3) em ZIP
Downloads
.zip
Baixe tudo com um botão
Marque os arquivos que quiser (no início todos estão marcados) e aperte o botão grande. O texto dele diz o que vai acontecer, por exemplo Baixar selecionados (2/3) em ZIP. Prefere arquivos separados? Troque para Um a um.
≡ Code Harvester↻
index.html✓ Copiado!↕
style.css↕
Ctrl + V
Copie só o código de que precisa
Clique no botão de um arquivo, por exemplo index.html, e só aquele código vai para a área de transferência, pronto para colar. Por um instante aparece Copiado! e ele fica marcado para você lembrar o que já pegou. Outro clique desmarca.
≡ Code Harvester↻
index.html↕
style.css↕
app.js↕
Atualize quando o chat mudar
O Harvester acompanha o chat sozinho. Se você mudou de conversa ou a lista parece desatualizada, aperte ↻ e ele lê o código mais recente de novo.
≡ Code Harvesteri
index.html
style.css
Configuração necessária
📋 Copiar prompt✓ Prompt copiado!
Custom Instructions
index.htmlstyle.cssapp.js
Cole as instruções de configuração uma vez
O botão ⓘ dá uma instrução curta. Cole no chat, ou uma vez nas instruções personalizadas do Gemini ou do ChatGPT. Daí em diante a IA escreve o nome de cada arquivo acima do código, e o Harvester nomeia e organiza seus arquivos com perfeição.
≡ Code Harvester⚙
index.html
Salvar downloads em
Perguntar sempre
Pasta AI_Code_Harvester
Downloads (sem pasta)
⋯
AI_Code_Harvester / project.zip
Downloads / project.zip
Escolha para onde vão os downloads
Em ⚙ escolha Salvar downloads em: Perguntar sempre (você escolhe um lugar toda vez), Pasta AI_Code_Harvester ou Downloads (sem pasta). A mesma escolha existe nas Configurações do Workspace.
Atenção: agora os downloads perguntam por padrão onde salvar. Você pode mudar isso nas configurações ⚙ do painel ou nas Configurações do Workspace.