Hospede seu artifact do Claude como um site de verdade

O Claude criou a página e ela ficou certa no painel do artifact. Cole o código abaixo e ganhe um endereço para enviar a qualquer pessoa, com HTTPS e o nome que você escolher.

  • Um endereço como seu-nome.hostilo.page com HTTPS
  • Até 5 páginas e 50 MB, sem cartão
  • Um editor de código com prévia ao vivo

Seu código fica neste navegador. Depois de criar uma conta grátis, ele já estará esperando no editor.

O Hostilo está no diretório de conectores do Claude

Adicione o Hostilo ao Claude uma vez e depois basta dizer "publique isto no Hostilo". O Claude envia os arquivos sozinho, sem copiar nada.

Adicionar ao Claude

Como funciona

  1. Abra o artifact no Claude e use Copiar (ou Baixar) no canto superior do painel.
  2. Cole o código aqui e clique em Publicar. Crie uma conta grátis com seu e-mail.
  3. Escolha um nome. Sua página entra no ar em name.hostilo.page e você pode editá-la no navegador.

Um prompt que gera código pronto para publicar

Crie isto como um único arquivo HTML com o CSS e o JavaScript dentro dele, não como um componente React. Sem arquivos externos, exceto fontes e bibliotecas carregadas de uma CDN. Página:

Cole no seu chat de IA e descreva sua página depois dos dois-pontos.

Problemas mais comuns

O Claude me deu um componente React, não HTML

Artifacts em React (.jsx) precisam de build. Peça ao Claude: "Converta este artifact em um único arquivo HTML independente que carregue o React de uma CDN". O resultado pode ser colado direto no Hostilo.

As imagens somem depois de publicar

O Claude costuma apontar para arquivos que só existiam no chat, como image.png. Envie as imagens na aba Arquivos do editor com os mesmos nomes, ou peça ao Claude para usar URLs de imagens.

Acentos e letras como ç, ã ou é aparecem quebrados

Confira se o código tem <meta charset="UTF-8"> no head. O Claude costuma incluir, mas a linha se perde quando você copia só parte do código.

O que você recebe no plano grátis

O PRO adiciona seu próprio domínio, 20 páginas, 1 GB, sem selo e um ano de estatísticas, por $29 ao ano. Teste grátis por 7 dias depois do cadastro.

Perguntas

O botão Publicar do próprio Claude não basta?

Ele compartilha o artifact no claude.ai. O Hostilo dá um endereço de site normal, permite editar o código, adicionar subpáginas, conectar um formulário de contato e, depois, seu próprio domínio.

O Claude consegue publicar no Hostilo sem copiar?

Sim. Adicione o conector do Hostilo (https://hostilo.app/mcp) no Claude, aprove o acesso e diga "publique isto no Hostilo". O Claude envia os arquivos sozinho.

A página continua no ar se eu fechar o chat?

Sim. A página fica no Hostilo, não na conversa. No plano grátis, basta entrar uma vez por mês para ela não ser pausada.

Posso mudar a página depois?

Abra no editor, altere o texto ou o código e salve. Ou cole por cima uma nova versão do Claude. As últimas versões ficam guardadas para você poder voltar.

Leia o guia completo

Como publicar um artifact do Claude como site de verdade (guia 2026)

Guias relacionados

Coloque no ar o site que o ChatGPT fezDo chat ou Canvas do ChatGPT para um link no ar.Deixe seu agente de código publicar o siteClaude Code, Codex e Cursor publicam sozinhos.Envie um ZIP, receba um siteUma pasta inteira no ar em um único envio.Todos os guiasO que você quer colocar no ar?

Sua página pode estar no ar em um minuto

Cadastre-se com e-mail e senha. Plano grátis, sem cartão.

Começar grátis