Como publicar HTML do chat do Claude
Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.
- 01
Open the Artifact
Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.
- 02
Copy or download the code
Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.
- 03
Salve como index.html
Cole o código em qualquer editor de texto — Bloco de Notas, TextEdit, VS Code — e salve o arquivo como index.html. O nome importa: é o que os navegadores tratam como sua página inicial.
- 04
Solte na caixa abaixo
Arraste o index.html (ou a pasta inteira) para a caixa de envio nesta página e clique em publicar. Seu site recebe seu próprio endereço web instantaneamente.
- 05
Compartilhe seu link
Pronto — envie o URL para quem quiser. Você pode renomear o site, atualizar os arquivos ou excluí-lo pelo seu painel quando quiser.
Solte aqui o HTML do Claude
Um arquivo ou uma pasta inteira — você recebe um link ao vivo assim que for publicado.
Arraste seu site para cá
Solte uma pasta ou um arquivo ZIP com seu index.html — ou simplesmente cole HTML da área de transferência — e colocamos tudo online em segundos. Sem instalação, sem configuração, sem dor de cabeça.
Ou deixe o Claude publicar por você
Pule totalmente o copiar e colar. Copie nossas instruções prontas, cole na sua conversa com o Claude, e ele pode enviar o site pela nossa API — você recebe de volta um link ao vivo e um link privado de reivindicação para assumir a posse.
Trabalhando em um terminal em vez disso? Execute npx harvis — sem necessidade de conta.
Perguntas sobre publicar com o Claude
Claude gives me a share link for Artifacts — isn't that enough?
A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.
What if I'm using Claude Code in the terminal?
Then your files are already on disk — even easier. Run npx harvis inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.
Qual é a forma mais fácil de publicar HTML do Claude?
Existem três. Mais fácil: copie o HTML do Claude e cole na caixa desta página — nós o transformamos em um site ao vivo instantaneamente. Sem esforço: copie nossas instruções de IA para a sua conversa com o Claude, e ele publica pela nossa API por você. No terminal: execute npx harvis na pasta do site, e ele publica com um único comando.
Preciso de uma conta para publicar?
Publicar por esta página exige uma conta gratuita, para que seu site tenha um lugar no seu painel. Prefere não se cadastrar? Execute npx harvis em um terminal — ele publica sem conta e te dá um link privado de reivindicação para depois.
E se o Claude me deu mais de um arquivo?
Coloque tudo em uma pasta — index.html no nível superior, mais qualquer CSS, JavaScript e imagens que ele referencia — e arraste a pasta inteira para a caixa. Até 500 arquivos e 50 MB por site.
Quanto custa, e por quanto tempo o site fica no ar?
É grátis, e sites publicados não expiram — eles ficam no ar até você excluí-los pelo seu painel. Reenvie a qualquer momento e o link continua o mesmo.
Usando outro chat de IA?
A receita é quase idêntica em todos os casos — escolha sua ferramenta para ver os passos exatos.