Atualizado em 17 de out. de 2026 ## Como compartilho uma página HTML que fiz com IA? Salve o resultado da IA como um único arquivo .html, envie aqui e copie o link. A página é exibida ao vivo em uma visualização isolada do navegador, então quem recebe vê a página funcionando, não o código. Se sua ferramenta de IA gerou um projeto completo, faça o build e publique a pasta de saída como site em ZIP. ### Um arquivo é grátis em todos os planos A maioria das ferramentas de chat entrega uma única página: um painel, uma calculadora, um quiz, um mockup de landing. Envie esse .html e ele vira um link também no plano gratuito, até 250 MB por arquivo. [Hospedagem HTML](https://linkinseconds.com/pt/html-hosting) ### Apps completos feitos com IA como site Lovable, Bolt e v0 geralmente geram um projeto completo, não um arquivo. Faça o build, compacte a pasta de saída (dist/ ou out/) e publique com a hospedagem de sites do Pro, com cada rota e recurso servido. [Publique um build de Vite ou React](https://linkinseconds.com/pt/deploy-vite-react-build) ### Deixe o Claude ou o Cursor publicar por você Conecte nosso servidor MCP ao Claude Code, Cursor ou VS Code e peça: "publique esta página como link". O assistente envia o arquivo para sua conta e responde com a URL. [Documentação do servidor MCP](https://linkinseconds.com/pt/docs/mcp) ### Seguro de abrir, para você e para eles O código gerado é exibido em um frame isolado sem acesso de mesma origem, então não consegue ler os cookies de ninguém. Cada envio é verificado pelos bytes reais e analisado antes de ficar público. ### O que verificar antes de compartilhar Código React ainda não é HTML. Um componente .jsx ou .tsx de um chat não roda sozinho; peça à IA um único arquivo HTML autocontido, ou faça o build do projeto e publique a saída. Dados salvos podem não persistir. Um link HTML único roda em sandbox, então código que depende de localStorage ou cookies (uma lista de tarefas que lembra itens) pode não salvar entre visitas. Sem servidor e sem segredos. A hospedagem estática só serve arquivos; nunca cole uma chave de API no HTML, porque qualquer pessoa que abrir o link pode lê-la. ## Como funciona - 1 ### Obtenha um arquivo .html autocontido Copie ou baixe o código do Claude, ChatGPT, Gemini ou do seu editor e salve como index.html. Se a IA dividiu em vários arquivos ou escreveu um componente React, peça um único arquivo HTML com o CSS e o JavaScript embutidos. - 2 ### Envie e faça login Arraste o arquivo para o card e faça login com o Google. O arquivo é verificado pelos bytes reais e analisado, grátis até 250 MB e 500 MB no Pro. Um app compilado sobe como ZIP pela hospedagem de sites do Pro. - 3 ### Abra o link e compartilhe Abra seu link uma vez para conferir que a página funciona, depois envie a URL ou o QR code. Adicione uma senha ou uma data de expiração se quiser, e acompanhe o contador de visualizações para saber quando foi aberto. ## Artefatos do Claude: salve a página como um arquivo HTML Quando o Claude cria uma página, ele a mostra como um artefato ao lado do chat. Abra o artefato e use a opção de copiar ou baixar para obter o código, depois salve como um arquivo terminado em .html (por exemplo index.html). Veja que tipo de artefato você tem. Um artefato HTML já está pronto para enviar. Um artefato React é um componente, não uma página, então não roda sozinho; peça ao Claude para "reescrever como um único arquivo HTML autocontido, com CSS e JavaScript embutidos e bibliotecas carregadas de um CDN" e salve essa versão. Depois arraste o .html para o uploader, faça login e copie seu link. Se você usa o Claude Code em vez do chat, o arquivo já está no seu disco, e com nosso servidor MCP conectado o Claude pode publicá-lo e entregar o link na mesma conversa. ## ChatGPT canvas e Gemini: copie o código para um arquivo ChatGPT e Gemini conseguem escrever e pré-visualizar páginas web em um painel lateral. O caminho mais simples e confiável é o mesmo para os dois: copie o código completo, cole em um editor de texto simples (Bloco de Notas, TextEdit em modo texto, VS Code) e salve como index.html. Antes de copiar, peça ao assistente para "colocar tudo em um único arquivo HTML", porque às vezes as respostas separam o CSS e o JavaScript em blocos diferentes, e um .html sozinho não carrega arquivos que estão ao lado dele. Imagens funcionam quando apontam para endereços https:// completos ou estão embutidas como data URIs. Abra o arquivo salvo uma vez no seu navegador; se estiver certo ali, estará certo no link. Envie, e quem receber verá a página funcionando, sem precisar de conta no ChatGPT ou no Gemini para ver. ## Lovable e Bolt: faça o build do projeto e publique a pasta Criadores de apps como Lovable e Bolt geram um projeto front-end completo, normalmente React com Vite, em vez de um arquivo HTML. Enviar o código-fonte não funciona, porque o navegador precisa da saída compilada. Primeiro tire o código de lá: sincronize o projeto com o GitHub ou baixe, conforme o que sua ferramenta oferece. Depois, no seu computador, rode npm install e npm run build. Isso cria uma pasta dist/ com um index.html e o JavaScript e CSS empacotados. Compacte essa pasta e publique com a hospedagem de sites, que exige Pro: encontramos o index.html, servimos cada recurso com o tipo certo e podemos voltar para o index.html nas rotas do cliente, então recarregar e abrir links profundos funciona. Se o app conversa com um backend hospedado como o Supabase pelo navegador, essas chamadas HTTPS continuam funcionando, desde que o serviço aceite requisições e redirecionamentos de login do seu novo endereço, então adicione a nova URL à lista de permitidas dele. ## v0 da Vercel: HTML simples para um mockup, exportação estática para um app O v0 geralmente gera componentes React feitos para Next.js. Você tem duas opções honestas. Para um mockup rápido ou uma landing que você só quer que as pessoas vejam, peça ao v0 "um único arquivo HTML estático usando Tailwind de um CDN", salve como index.html e envie como um link normal. Para um app de verdade, baixe o código e rode localmente. Se o app não tem recursos de servidor, defina output: 'export' no next.config, rode o build, e o Next.js grava uma pasta estática out/ que você pode compactar e publicar como site no Pro. Se ele depende de rotas de API, server actions ou renderização por requisição, precisa de uma plataforma que rode um servidor Node, e hospedagem estática não serve; preferimos avisar a aceitar o envio. ## Cursor, Codex e Claude Code: publique direto do seu editor Agentes de programação escrevem arquivos reais, então não há nada para copiar. Um único report.html ou demo.html do seu projeto pode ser arrastado para o uploader do jeito que está. Um projeto com etapa de build funciona como o Lovable: rode o build e publique a pasta de saída como site em ZIP no Pro. O caminho mais rápido é nosso servidor MCP. Adicione ao Claude Code com um comando, ou ao Cursor e ao VS Code pela configuração MCP deles, usando uma chave de API do seu painel. Depois peça ao agente para "criar um resumo de uma página destes dados em HTML e publicar como link", e ele envia o arquivo pelas mesmas verificações do site e responde com a URL. O agente não pode mudar configurações de links nem excluí-los; esse controle fica com você no painel. ## Um arquivo HTML ou um site em ZIP: qual você precisa Conte os arquivos. Se tudo está em um .html (estilos em uma tag