O Claude.ai cria um site? O que ele faz no chat e no Claude Code
Uso o Claude e o Claude Code no dia a dia, inclusive em sistemas de clientes que estão no ar, como o site de pedidos da Retiro Entulhos, em que o cliente informa quantos sacos de entulho tem e vê o preço na hora. Para quem quer só uma página, o chat gratuito já resolve. Para um site maior, o trabalho muda de ferramenta, e é essa diferença que decide por onde começar.
O que o Claude faz quando você pede um site no chat?
No claude.ai, você descreve o site em português e o Claude escreve o código. O HTML monta a estrutura e os textos, o CSS cuida da aparência e o JavaScript entra quando a página precisa de alguma interação, como um menu que abre no celular. O resultado aparece num artefato, uma janela ao lado da conversa em que a página roda de verdade. Dá para clicar, rolar e ver como ficou antes de mexer em qualquer arquivo.
Segundo a página de planos da Anthropic, consultada em 13 de novembro de 2026, o plano gratuito inclui artefatos, busca na web, criação de arquivos e execução de código, com os modelos Sonnet e Haiku. O uso é limitado em janelas de 5 horas e por semana, e uma conversa longa gasta mais desse limite que uma curta.
O chat tem três limites que convém conhecer antes de começar:
- Uma página por vez. O artefato funciona bem para uma página única, como a de um consultório, de uma barbearia ou de um evento. Um site com várias páginas ligadas entre si fica difícil de manter só pela conversa.
- O código fica na conversa. Para publicar, você baixa o arquivo e leva para uma hospedagem.
- Formulário precisa de um serviço por trás. Um botão que abre o WhatsApp funciona numa página simples. Um formulário que grava pedidos precisa de um servidor ou de um serviço de formulários, e o artefato não entrega isso.
Como pedir a página para o Claude, passo a passo?
- Diga o que o site precisa fazer. Escreva para quem é a página e qual ação o visitante deve tomar: agendar pelo WhatsApp, pedir orçamento, ligar.
- Entregue os textos e os dados reais. Nome, endereço, telefone, horários, serviços e preços. Sem eles, a IA preenche com texto genérico, e você troca tudo depois.
- Peça um arquivo HTML só. Com tudo num arquivo, a página aparece no artefato e fica fácil de baixar.
- Confira numa tela estreita. Peça para ver a página na largura de um celular, porque é por ali que muita gente vai abrir o endereço que você mandar.
- Peça ajustes curtos, um de cada vez. “Aumente o botão do WhatsApp e mova o horário para o topo” rende mais que reescrever o pedido inteiro.
Os pedidos que funcionam melhor para cada tipo de página estão em quais são os prompts do Claude para criar sites.
O que muda quando o site é feito no Claude Code?
O Claude Code trabalha numa pasta do seu computador. Você descreve o resultado, e ele cria os arquivos, instala o que o projeto precisa, roda o site no seu computador e corrige o que você apontar. Antes das ações importantes, ele pede aprovação. Ele funciona no terminal, no app desktop do Claude, na aba Code, e em extensões como a do VS Code. Quem não usa terminal pode começar pela aba Code, como explico em Claude Code para não programadores.
A diferença aparece quando o site cresce. O Claude Code mantém o projeto inteiro aberto: várias páginas, blocos que se repetem, testes e a configuração da hospedagem. O site da Retiro Entulhos tem uma calculadora por saco de ráfia, um mapa das regiões atendidas com consulta por CEP e um painel em que o dono muda preços e regiões. Um projeto assim não cabe num artefato.
O Claude Code vem nos planos pagos, a partir do Pro. Em 13 de novembro de 2026, o Pro custava US$ 20 por mês no plano mensal ou US$ 17 por mês no anual, segundo a página de planos. O uso do chat, do Claude Code e do app desktop sai da mesma cota (central de ajuda da Anthropic). Quando o Pro compensa está em vale a pena assinar o Claude.
Velocidade não dispensa revisão. Na reconstrução do site de uma indústria do segmento de acústica, que fiz com o Claude Code junto com um CRM para a equipe comercial, a virada só aconteceu depois de 305 testes unitários e 187 testes de ponta a ponta passarem. O Claude Code escreve e roda testes, mas quem decide o que precisa funcionar antes de ir ao ar é quem conhece o negócio.
Chat ou Claude Code: qual usar para o seu site?
| Chat do Claude | Claude Code | |
|---|---|---|
| Plano | Gratuito ou pago | Pago, a partir do Pro |
| O que entrega | Uma página num arquivo | O projeto inteiro em arquivos |
| Onde trabalha | No navegador, no artefato | Numa pasta do seu computador ou num repositório |
| Melhor para | Página única: consultório, evento, barbearia | Site com várias páginas, calculadora, painel |
| Publicação | Você baixa e envia à hospedagem | Ele prepara, e você aprova a publicação |
A regra curta: se o site cabe numa página e você quer ver o resultado hoje, comece pelo chat. Se ele precisa de várias páginas ou de alguma conta feita no próprio site, o Claude Code dá menos retrabalho.
Começar por um e passar para o outro também funciona. O arquivo baixado do chat vira o primeiro arquivo do projeto: você coloca numa pasta, abre essa pasta no Claude Code e pede as próximas páginas a partir dele. O texto e o visual que você já aprovou continuam valendo.
Como colocar no ar o site que o Claude fez?
Uma página de HTML, CSS e JavaScript é um site estático: o servidor só entrega o arquivo pronto, sem banco de dados. Esse tipo de site cabe em hospedagem gratuita. Pela documentação da Cloudflare, consultada em 13 de novembro de 2026, o plano gratuito do Cloudflare Pages permite 500 publicações por mês, até 20 mil arquivos por site e 25 MiB por arquivo, e o site ganha um endereço terminado em pages.dev. A prévia que montei para a Barbearia Dom Rocha, em Guarulhos, roda assim, em barbearia-dom-rocha.pages.dev.
Para o endereço ter o nome do negócio, falta o domínio. O .com.br custa R$ 40 por ano no Registro.br, e o certo é registrar no CPF ou no CNPJ de quem é dono do negócio. O passo a passo está em domínio próprio, e a comparação entre hospedagem gratuita e paga, em hospedagem de site.
O que revisar antes de publicar?
A IA escreve rápido e erra em detalhe. Antes de mandar o endereço para alguém, confira:
- telefone, WhatsApp, endereço e horários, número por número;
- todos os links e botões, no celular e no computador;
- o título e a descrição da página, que são o que aparece no Google;
- frases que você não escreveu: a IA às vezes completa a página com depoimento, prêmio ou número que não existem;
- imagens: use fotos suas ou de banco com licença, em tamanho reduzido, porque foto pesada deixa a página lenta no celular;
- aviso de cookies e política de privacidade, se o site for ter Google Analytics ou Pixel da Meta.
Se no meio do caminho você perceber que prefere receber o site pronto a montar, o custo de cada caminho está em quanto custa um site.
Perguntas frequentes sobre criar sites com o Claude
O Claude cria sites de graça?
Cria a página no plano gratuito: ele escreve o código e mostra o resultado num artefato. Publicar com domínio próprio tem o custo do domínio, R$ 40 por ano no .com.br.
Qual a diferença entre criar o site no chat e no Claude Code?
No chat, o Claude entrega o código de uma página para você baixar. O Claude Code trabalha nos arquivos do projeto no seu computador, roda e confere o resultado, e vem nos planos pagos.
O Claude Code cria um site sozinho?
Ele cria os arquivos, roda e confere o projeto a partir da sua descrição, e pede aprovação nas ações importantes. O conteúdo, as decisões e a revisão final continuam com você.
Preciso saber programar para criar um site com o Claude?
Para uma página simples, não: o pedido é em português. No Claude Code, quem não usa terminal pode trabalhar pela aba Code do app desktop do Claude.
Qual plano do Claude inclui o Claude Code?
Os planos pagos, a partir do Pro, que custava US$ 20 por mês no plano mensal em novembro de 2026. O plano gratuito não inclui o Claude Code.
Como colocar no ar o site que o Claude fez?
Envie os arquivos para uma hospedagem. Um site estático pode ficar no plano gratuito do Cloudflare Pages, num endereço terminado em pages.dev.
[ Quem escreve ]
Especialista em tecnologia para comunicação, marketing e vendas, há mais de 25 anos na internet
Trabalha com internet há mais de 25 anos e leva o que há de melhor em tecnologia para pequenas e médias empresas e negócios locais: site, busca no Google e nas IAs, mídia paga e rastreamento, medidos do clique até a venda. Foi produtor editorial em assessoria de imprensa, gestor de internet em comunicação corporativa, gestor de projetos digitais em comunicação integrada e gestor de marketing digital no turismo, em Florianópolis. Atendeu diretamente empresas como FGV, Baden Solar, CLM Controller.
