Seu site feito com o Claude, em um endereço real
Última atualização: 2026-08-10
Resumindo: cole o HTML que o Claude deu na página inicial do makelayer.com e toque em “Criar meu endereço” — em menos de 60 segundos um endereço real fica no ar. Não precisa de servidor, instalação de programa nem cadastro de cartão.
Resumo rápido
- Tempo necessário
- Cerca de 1 min
- Plano necessário
- Grátis
- Conhecimento de código
- Nenhum
- Onde fazer
- Caixa de colar na página inicial
Passo a passo
- 1
Peça a página ao Claude
Descreva com palavras a página que você quer e o HTML aparece. Se acrescentar “faça em um único arquivo HTML”, o design (CSS) vem junto no mesmo arquivo e o próximo passo fica mais fácil. Um toque no botão “Copiar” no canto superior direito do bloco de código da resposta e está tudo pronto.
Claude
Crie a página de apresentação do meu café em um único arquivo HTML. Inclua o cardápio, a localização e um botão de contato.index.html Copiar<section class="hero"> <h1>…</h1></section> - 2
Cole no MakeLayer
No instante em que você cola o código copiado na caixa da página inicial, a página aparece ao lado como vai ficar de verdade. Ainda não precisa salvar arquivo nem criar conta — confira primeiro com seus próprios olhos. Scripts escritos na página só ficam pausados na prévia; ao publicar, tudo funciona normalmente.
A prévia aparece assim que você cola — é a tela real. - 3
Toque em “Criar meu endereço” e escolha o endereço
Gostou da prévia? Toque no botão. Depois de entrar uma vez (o código colado continua lá), escolha o nome que quiser para o endereço e pronto, publicado — a partir desse momento o site está aberto na internet. Até 2 sites grátis, sem cadastro de cartão.
myname.mklyr.com PublicadoAo publicar, você recebe na hora um endereço como este. Dá para conectar seu próprio domínio a partir do Starter (HTTPS automático).
- 4
Da próxima vez, ajuste com palavras
Depois de publicar, não precisa voltar ao Claude. No editor, peça com palavras o que quer mudar: a IA encontra e ajusta o código e mostra antes o que vai mudar. Se não gostar, dá para desfazer de uma vez.
Assistente de ediçãoDeixe o título mais forte Ajustei três partes. Se não gostar, eu desfaço.
Perguntas frequentes
É grátis mesmo?
Sim. Até 2 sites continuam grátis, sem cadastro de cartão. Sites grátis exibem um pequeno selo “Made with MakeLayer”, que some a partir do Starter.
O código que o Claude fez funciona do jeito que está?
Sim. O HTML colado é publicado exatamente como está. Na prévia antes de publicar, scripts escritos na página não rodam, mas no site publicado tudo funciona normalmente.
Dá para ter um site com várias páginas?
Sim. Vários arquivos (subpáginas, pastas de imagens) também podem ser enviados no plano grátis. O que o plano grátis limita não é a quantidade de arquivos, e sim o armazenamento e o número de sites.
Posso conectar meu próprio domínio?
Sim. A partir do Starter, ao conectar um domínio que você já tem, o certificado HTTPS é emitido automaticamente. No plano grátis, use o endereço mklyr.com que você recebeu.
Dá para editar sem saber programar?
Sim. No editor, peça com palavras, como “mude os números da tabela de preços”, e a IA ajusta o código. Também dá para clicar na parte que quer mudar para apontá-la, e cada publicação deixa um snapshot para você voltar quando quiser.
Também dá para conectar direto pelo Claude Code ou por MCP?
Sim. Ferramentas compatíveis com MCP, como Claude Desktop ou Cursor, publicam direto o HTML criado na conversa, sem o copiar e colar deste guia. O passo a passo de conexão está na página /mcp.
Leia também
- Seu site feito com o ChatGPT, em um endereço real Guia passo a passo para publicar em um endereço real, sem servidor e em 60 segundos, o HTML criado com o ChatGPT (Português)
- Seu site feito com o Gemini, em um endereço real Guia passo a passo para publicar em um endereço real, sem servidor e em 60 segundos, o HTML criado com o Gemini (Português)
- Assistente de edição com IA do editor: peça com palavras e ele ajusta até o código Como usar o assistente de edição com IA do editor — pedir com palavras, apontar com um clique, por que as mudanças só aparecem ao publicar e como funciona o desfazer (Português)
- Conecte seu próprio domínio — é só registrar CNAME e TXT Como conectar seu domínio a um site publicado e receber o HTTPS automaticamente (Português)
Testar é mais rápido do que ler — cole seu HTML agora.