Como publicar um artifact do Claude como um site de verdade
O Claude criou um site lindo dentro de um artifact. Você clica em “Publicar” e recebe um link dentro da interface da Anthropic. Para mostrar uma demo serve, mas não é o seu site. Veja como colocar a página no ar como um site de verdade, com o seu próprio endereço.
O Claude é ótimo para criar páginas web. Você pede uma landing page, um portfólio ou um site de uma página e ele gera um artifact completo, com prévia no chat. O código é autossuficiente: HTML, CSS e JavaScript num único arquivo. Exatamente o formato ideal para publicar na hora.
O problema é o último passo. O botão Publicar do Claude cria um link no domínio da Anthropic, dentro da interface deles. Você não usa o seu próprio endereço, não tem controle total e o resultado parece uma “demo do Claude”, não um site. Para um negócio, um portfólio ou um projeto, você precisa de uma hospedagem de verdade. A boa notícia: leva um minuto.
Primeiro, tire o HTML do Claude
- Botão de copiar: no painel do artifact, clique no ícone de copiar para levar todo o código para a área de transferência.
- Botão de download: o Claude salva o artifact como arquivo
.html. - Peça: escreva “Mostre o HTML completo deste artifact” e o Claude cola o código no chat.
Dica: peça um único arquivo HTML
Se o Claude fez o artifact em React, peça: “Me dê isso como um único arquivo HTML autossuficiente, com todo o CSS e JavaScript dentro.” Um único arquivo HTML é o mais fácil de publicar: não há nada para compilar.
Passo a passo: do artifact ao site no ar
Copie o HTML do artifact
Confira se você tem a página completa: ela começa com <!DOCTYPE html> e termina com </html>.
Crie uma conta grátis
Cadastre-se no Hostilo em um minuto, sem cartão. Escolha um nome para o site; ele vira o seu endereço público, por exemplo seu-nome.hostilo.page.
Cole, salve e pronto
Abra o editor, cole o HTML (a prévia aparece na hora) e clique em Salvar. O site está no ar com HTTPS, sem a moldura do Claude: só a sua página.
“Publicar” do Claude x hospedagem de verdade
| “Publicar” do Claude | Hospedagem de verdade | |
|---|---|---|
| Endereço | Domínio da Anthropic | Seu nome ou seu domínio |
| Aparência | Uma demo do Claude | Um site de verdade |
| Domínio próprio | Não | Sim (no plano PRO) |
| Formulários de contato | Não | Sim |
| Histórico de versões | Não | Sim, as 10 últimas |
Editar e atualizar depois
Como o artifact é um único arquivo, atualizar é fácil: edite o código no editor do Hostilo ou peça a mudança ao Claude, copie a nova versão e cole por cima. O site atualiza na hora, e a versão anterior fica no histórico caso queira voltar.
Bônus: deixe o Claude publicar por você
Se você usa o Claude com frequência, dá para pular o copiar e colar. Adicione o Hostilo como conector personalizado (endereço https://hostilo.app/mcp), faça login e peça no chat: “publique esta página como minha-oferta”. O Claude cria e atualiza o site para você. Ele não consegue apagar seus sites, e cada publicação guarda a versão anterior. O passo a passo está na documentação.
Perguntas frequentes
Por que não usar o botão Publicar do Claude?
Você pode, mas o site fica num domínio da Anthropic e dentro da interface deles. Serve para uma demo, mas não permite domínio próprio, formulários nem um site independente.
Meu artifact é um componente React. Funciona?
Peça ao Claude para convertê-lo num único arquivo HTML autossuficiente, com todo o CSS e JavaScript dentro, e cole esse arquivo. Ele é publicado na hora, sem compilar nada.
Artifacts interativos, como gráficos ou calculadoras, funcionam?
Sim. Se tudo o que a página precisa estiver dentro do arquivo ou vier de um CDN público, funciona igual à prévia do Claude.
É grátis?
Sim. O plano grátis publica o site num subdomínio com HTTPS, sem cartão. Basta entrar pelo menos uma vez a cada 30 dias; senão, os sites são pausados (nada é apagado). O plano PRO custa US$ 29 por ano e adiciona domínio próprio, sem essa exigência.
Transforme seu artifact do Claude num site de verdade
Cole o HTML, salve e tenha um site com o seu próprio endereço em segundos. Grátis, sem cartão.
Publique seu artifact grátis
