Aprenda a importar o projeto, preservar o visual, alterar textos e animações e até usar a estrutura capturada como base para uma loja virtual.
Ilustração do fluxo de arquivos e prévia, não captura real de uma ferramenta.
Saber a diferença evita pedir à IA algo que não existe nos arquivos capturados.
Faça uma etapa por vez. Se algo não funcionar, use o prompt de correção disponível mais abaixo.
No SiteCloner Pro, faça a captura e baixe o ZIP. Guarde uma cópia original antes de alterar os arquivos.
Para começar rápido, use o Replit. Para manter maior controle do código, extraia e abra a pasta no Cursor.
Cole o prompt de site simples ou o prompt de loja virtual. Solicite que a IA encontre problemas e abra uma prévia antes de reescrever o layout.
Confira o resultado no navegador em desktop e celular. Se for uma loja, valide cada funcionalidade antes de aceitar vendas.
Desktop • Mobile • Links
A melhor escolha depende do que você quer preservar e do que precisa construir.
| Ferramenta | Como importar | Melhor uso | Cuidado |
|---|---|---|---|
| Replit | Importação direta de ZIP | Abre o projeto no navegador, oferece editor, IA e prévia. Melhor ponto de partida para testar os arquivos capturados. | Projetos grandes ou muito dependentes de servidores externos podem exigir ajustes. Confira o limite do importador antes de enviar. |
| Cursor | Abrir pasta descompactada | O agente trabalha nos arquivos reais, com controle de alterações. Boa opção para HTML, CSS, JavaScript e animações delicadas. | É instalado no computador e, às vezes, exige configurar um servidor local. |
| Google AI Studio | Importar repositório GitHub | Permite desenvolver com IA, prévia e código editável. Útil quando você pretende reconstruir ou ampliar a aplicação. | Não presuma que exista envio direto do ZIP: o caminho documentado é importar código do GitHub no modo Build. |
| Emergent | Importar código ao iniciar novo job | Mais indicado para construir backend, autenticação, catálogo e integrações que não vieram no ZIP. | A importação da base deve ocorrer na criação do job. Um ZIP visual não recupera o backend da loja original. |
Abre o projeto no navegador, oferece editor, IA e prévia. Melhor ponto de partida para testar os arquivos capturados.
Projetos grandes ou muito dependentes de servidores externos podem exigir ajustes. Confira o limite do importador antes de enviar.
Abrir ReplitO agente trabalha nos arquivos reais, com controle de alterações. Boa opção para HTML, CSS, JavaScript e animações delicadas.
É instalado no computador e, às vezes, exige configurar um servidor local.
Abrir CursorPermite desenvolver com IA, prévia e código editável. Útil quando você pretende reconstruir ou ampliar a aplicação.
Não presuma que exista envio direto do ZIP: o caminho documentado é importar código do GitHub no modo Build.
Abrir Google AI StudioMais indicado para construir backend, autenticação, catálogo e integrações que não vieram no ZIP.
A importação da base deve ocorrer na criação do job. Um ZIP visual não recupera o backend da loja original.
Abrir EmergentObservação: planos, limites e recursos mudam. Consulte a documentação e os preços atualizados da ferramenta antes de iniciar um projeto grande.
Não precisa inventar comandos. Escolha seu objetivo, clique em copiar e cole no agente de IA depois de importar os arquivos.
O mais detalhado. Analisa a estrutura, preserva o visual e separa o que exige backend ou integração.
Você é um desenvolvedor sênior especializado em recuperação de frontends, ecommerce, HTML, CSS, JavaScript e integrações. CONTEXTO: estou importando o ZIP de uma loja virtual capturada com o SiteCloner Pro. Quero usar os arquivos públicos de HTML, CSS, JavaScript, imagens, fontes, animações e páginas como referência e base do MEU projeto, respeitando os direitos de uso dos materiais. REGRA PRINCIPAL: não crie uma loja genérica do zero. Primeiro analise os arquivos reais do ZIP. Preserve ao máximo layout, tipografia, proporções, grid, espaçamentos, imagens autorizadas, efeitos, animações, menus, categorias, cards de produto e responsividade. Não substitua componentes complexos por elementos genéricos sem explicar e pedir aprovação. ETAPA 1 - DIAGNÓSTICO, ANTES DE ESCREVER CÓDIGO: 1. Inventarie index.html, outras páginas, assets, CSS, JS, fontes, bibliotecas, rotas e dependências externas. 2. Identifique a tecnologia, os arquivos ausentes, caminhos quebrados, scripts que apontam para o domínio original e qualquer dependência não capturada. 3. Separe páginas de home, categoria, produto, busca, carrinho e checkout e diga quais realmente existem no ZIP. 4. Separe o que está funcional, o que é apenas aparência e o que exige backend, serviços externos ou desenvolvimento novo. 5. Mostre um relatório objetivo com os arquivos encontrados, os problemas, prioridades e uma sequência segura de trabalho. Aguarde minha autorização para executar mudanças grandes. ETAPA 2 - RECUPERAR O VISUAL: Faça o projeto rodar, corrigindo apenas os caminhos e dependências necessárias. Mantenha scripts e animações que já funcionam. Gere uma prévia navegável da página inicial, de uma categoria e de uma página de produto. Compare desktop e mobile com os arquivos originais. Se alguma funcionalidade depender do servidor da loja original, sinalize claramente. ETAPA 3 - PERSONALIZAR MINHA LOJA: Prepare campos, componentes ou arquivos de configuração para trocar marca, logo, cores, banners, produtos, fotos, preços e textos. Use conteúdo provisório identificado quando não houver material meu. Não reproduza marcas, fotos ou avaliações de terceiros sem licença. ETAPA 4 - FUNCIONALIDADES COMERCIAIS: Não finja que o ZIP contém estoque, pedidos, autenticação, painel ou pagamento. Apresente opções para integrar uma plataforma de ecommerce ou desenvolver o backend faltante, com prós, contras, custo e manutenção. Não instale banco de dados, configure chaves, ative cobrança ou integre gateway antes de minha autorização explícita. ETAPA 5 - SEGURANÇA E ENTREGA: Remova pixels, rastreadores, tokens, chaves, scripts de terceiros e referências de domínio que não pertençam ao novo projeto. Valide links, menus, formulários, filtros, busca, carrinho, responsividade, acessibilidade, performance e erros do console. Forneça uma lista final do que funciona de verdade, do que é apenas visual e do que ainda precisa de integração. MODO DE TRABALHO: avance por etapas pequenas. Preserve uma cópia intacta do ZIP e mostre prévias entre as etapas. Nunca descarte arquivos ou reescreva todo o projeto sem necessidade.
Para começar com sites sem banco de dados.
Estou importando um ZIP capturado com o SiteCloner Pro de um site institucional ou landing page que posso usar e personalizar. Examine todos os arquivos HTML, CSS, JavaScript, fontes, imagens, links e animações antes de fazer alterações. Primeiro apresente o inventário do projeto e os possíveis problemas. Configure uma prévia navegável corrigindo apenas as referências necessárias. Preserve o layout, as proporções, a responsividade e as animações originais. Não recrie um template genérico nem troque bibliotecas sem necessidade. Depois prepare a personalização de título, logotipo, cores, textos, imagens e seções. Remova rastreadores e integrações do site de origem. Faça uma alteração por vez, mostre o antes e depois e liste os arquivos modificados.
Quando CSS, imagens, scripts ou animações não carregam.
Meu projeto do SiteCloner Pro abriu com diferenças visuais ou partes quebradas. Investigue primeiro os erros do console, caminhos relativos, arquivos CSS/JS, fontes, imagens, rotas e dependências de domínios externos. Apresente a causa de cada problema e corrija somente o necessário, preservando os elementos que funcionam. Não remova animações nem refaça o layout por simplificação. Teste novamente em desktop e mobile e liste os arquivos alterados.
Personalize logo, textos, cores e imagens sem refazer tudo.
Adapte o projeto do ZIP do SiteCloner Pro para minha empresa. Marca: [NOME]. Cor principal: [HEX]. Cor secundária: [HEX]. Segmento: [ÁREA]. Público: [QUEM COMPRA]. Oferta: [SERVIÇO/PRODUTO]. Substitua textos, logotipo, imagens e botões conforme esses dados sem perder a hierarquia visual, o grid, as animações e o responsivo. Não altere funcionalidades, bibliotecas ou rotas que já funcionam. Mostre a página inicial em desktop e mobile antes de aplicar em todas as páginas.
Antes de colocar seu projeto no ar, confira segurança, links e compatibilidade.
Faça uma auditoria de pré-publicação do site criado a partir do ZIP do SiteCloner Pro. Teste build, links, menus, formulários, imagens, fontes, animações, SEO básico, acessibilidade e versão mobile. Confira se foram retirados pixels, domínios antigos, tokens, trackers e conteúdo de terceiros sem autorização. Explique se basta hospedagem HTML estática ou se precisa de servidor, serviços externos e banco de dados. Me passe os passos para publicar e testar o domínio. Não faça cobranças reais nem configure pagamentos sem minha autorização.
O segredo para não perder o visual: peça primeiro diagnóstico e prévia. Depois faça alterações por etapas. Solicitações como “refaça este site inteiro” podem levar a IA a simplificar animações ou substituir componentes existentes.
Comece com projetos de visual forte, mas sem dependências complexas. Clique para abrir as bibliotecas e encontrar suas próximas referências.
Ótimo para páginas animadas, portfólios, microinterações e sites com scroll criativo.
Portfólios, agências, SaaS e landing pages, com opções gratuitas e pagas.
Sites HTML/CSS responsivos, ideais para treinar edição sem banco de dados.
Coleção de landing pages e templates para páginas de apresentação.
Projetos completos, corporativos e comerciais. Verifique a licença antes de reutilizar.
Modelos de agências e empresas, com estrutura convencional fácil de editar.
Use o caminho adequado ao tipo de site para evitar dificuldades desnecessárias.
Capture, importe o ZIP, ajuste a identidade visual e publique como site estático quando possível.
Aproveite páginas, menus, transições e componentes para construir um site institucional próprio.
Aproveite o visual e reconstrua catálogo, carrinho, estoque e pagamento com uma plataforma apropriada.
Não. O ZIP reúne recursos públicos capturados no navegador. Estoque, pedidos, contas de clientes, painel e processamento de pagamentos dependem de backend ou de plataformas externas.
O Replit permite importar ZIP diretamente. O Cursor trabalha com a pasta extraída no computador. No Google AI Studio, use a importação documentada via GitHub.
Podem manter quando os scripts e assets necessários estiverem disponíveis. Animações que dependem da plataforma, de APIs externas ou de arquivos ausentes podem exigir adaptação.
Em geral, não. Um projeto HTML, CSS e JavaScript pode ser publicado de maneira estática. Formulários e funcionalidades específicas podem usar serviços externos.
O acesso técnico aos arquivos não concede direito de distribuição ou revenda. Verifique a licença de código, imagens, fontes e identidade visual de cada template.
Importe no Replit, copie o prompt do seu tipo de projeto e peça uma prévia da home antes de fazer grandes mudanças.