Transforme o HTML que sua IA criou em um link ao vivo

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 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.

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.

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.

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.

Conte os arquivos. Se tudo está em um .html (estilos em uma tag <style>, scripts em uma tag <script>, bibliotecas de um CDN), publique como link normal: funciona em todos os planos, até 250 MB por arquivo no gratuito e 500 MB no Pro, e ganha todos os controles de link, incluindo QR code, análise de visualizações, senha, data de expiração e seu próprio domínio. Se a página precisa de outros arquivos ao lado (uma segunda página, uma pasta /assets, um bundle de JavaScript), é um site, então compacte a pasta e publique com a hospedagem de sites do Pro. Nos dois casos, substituir o arquivo ou reenviar o ZIP mantém o mesmo link, então quando a IA der uma versão melhor na semana que vem, ninguém precisa de uma URL nova.