Crie sites de US$ 10.000 do seu sofá com o Claude Code

@zentalksai
ESPANHOL09/08/2026
107K
176
17
29
177

TL;DR

Um guia abrangente sobre como usar o agente de código do Claude Desktop para criar sites profissionais. Ele enfatiza a estratégia de marca, referências visuais e refinamento iterativo para entregar resultados de alto valor rapidamente.

O que leva cinco pessoas três semanas para entregar, você pode fazer em uma tarde. Sem programar e sem abrir o terminal uma vez.

Um site corporativo decente custa entre €3.000 e €12.000. Não por causa do código, mas por causa das três semanas de reuniões. Ontem construí um do meu sofá e vou te contar todo o processo, passo a passo.

Vou te contar todo o processo, passo a passo.

Um aviso antes de começar, porque há muita "fumaça" em torno disso.

Não se trata de "enganar as pessoas e cobrar €5.000".

Trata-se do fato de que o trabalho real de um site (decidir o que ele diz, para quem e como ele parece) continua sendo trabalho. O que desapareceu é a parte lenta: layout, repetição, esperar o desenvolvedor, esperar o designer, esperar alguém responder um e-mail.

Se você fizer bem a parte que importa, o resultado se sustenta na comparação. E se ele se sustenta, você cobra por isso.

A pergunta que todo mundo faz: onde isso é feito?

Muita gente pensa que você precisa do terminal, aquela tela preta que impõe respeito. Não.

O aplicativo de desktop do Claude tem três abas no topo:

→ Chat, a conversa usual

→ Cowork, tarefas com seus arquivos

→ Code, criar projetos reais

A aba Code é o mesmo agente Claude Code, mas com uma interface. Você escreve em inglês simples e ele cria as pastas, os arquivos e inicia tudo.

Baixe em claude.com/download e entre com sua conta.

Aviso: é necessário um plano pago. Com o gratuito, você vai esgotar o limite em meia hora.

PASSO 0: UMA PASTA VAZIA

Antes de pedir qualquer coisa, uma dica que teria me poupado dois sites feios.

Crie uma pasta nova e vazia no seu computador. Só para este site.

Parece bobo, mas é o que evita o desastre típico: arquivos soltos pela área de trabalho, Claude mexendo no que não deveria e você sem saber o que é o quê.

Uma pasta, um projeto. No Claude, você escolhe essa pasta e ele não sai dela.

PASSO 1: O ARQUIVO DA MARCA

Este é o passo que quase ninguém dá. E o que faz toda a diferença.

Escreva um documento de uma página com as decisões que você toma e que o Claude não deve inventar.

Seis linhas:

→ Quem entra: "fotógrafo de casamento, orçamento de €2.000"

→ O que sentem ao entrar: "caro, calmo, pouco ruído"

→ A ação única: "agendar uma chamada"

→ Fontes: duas, no máximo

→ Cores: três. Fundo, texto, um destaque

→ Proibido: o que você não quer ver em hipótese alguma

Sem esse arquivo, o Claude preenche as lacunas por conta própria. E o preenchimento padrão dele é o de um template de €200.

Copie este template e preencha as informações :)

text
1MARCA: [nome]
2CLIENTE IDEAL: [quem são, o que procuram, seu orçamento]
3SENSAÇÃO: [3 adjetivos, nenhum vago]
4AÇÃO ÚNICA: [a única coisa que devem fazer]
5FONTES: [uma para títulos, uma para texto do corpo]
6CORES: [fundo / texto / destaque, com códigos hex]
7PROIBIDO: gradientes, ícones de emoji, fotos de banco de imagens,
8tudo centralizado, "soluções inovadoras"

Salve como brand.txt dentro da pasta do projeto.

E no Claude, escreva isto:

text
1Leia brand.txt antes de tomar qualquer decisão de design.
2Se algo não estiver lá, me pergunte.

Essa última frase muda bastante as coisas. Ele passa de inventar a te consultar.

PASSO 2: DÊ A ELE UM PARÂMETRO

Adjetivos não funcionam. "Elegante" não significa nada para um modelo. Imagens funcionam.

O que eu faço:

→ Vou ao Land-book, Godly ou Minimal Gallery. Os três são gratuitos e cheios de sites reais publicados

→ Escolho 3. Não dez. Com dez, mistura tudo e sai uma bagunça

→ De cada um, capturo a página inicial e uma seção interna. Seis capturas

→ Arrasto-as para a pasta do projeto

Evite o Dribbble para isso. São conceitos que não existem, e o Claude tenta reproduzir coisas impossíveis.

E digo exatamente isto ↓

text
1Use estas capturas de tela como referência de qualidade: observe os
2tamanhos de fonte, o espaço entre seções e o ritmo
3da página. NÃO copie as estruturas nem os textos.

Sem esse "não copie", ele clona a primeira referência e você acaba com plágio com outro logotipo por cima. Já vi isso acontecer.

PASSO 3: A TAREFA

Uma única mensagem. Quatro blocos. Nada de soltar ideias três de cada vez, que é como tudo quebra.

1. O que é: "Site de página única para [X], com estas seções: [lista]."

2. O texto: Escreva você mesmo. Sério. É a única coisa que o Claude não tem como tirar da cartola, porque ele não conhece seu negócio nem seus clientes.

3. Como construir: "Use Astro e Tailwind. Web estática, sem CMS." Você não precisa saber o que é. É a combinação que carrega rápido, não quebra e não te obriga a pagar nada por mês.

4. Os limites: "Respeite o brand.txt. No máximo duas fontes e três cores."

Você envia e espera alguns minutos.

O que aparecer estará em 70%. Isso é normal e é importante que você saiba disso de antemão, porque é aqui que a maioria das pessoas se frustra e desiste.

Ninguém publica a primeira versão. Nem você, nem eu, nem a agência que cobra €8.000. A diferença é que eles levam duas semanas para te mostrar esses 70% e você os tem na tela em seis minutos.

PASSO 4: O POLIMENTO

Aqui está o valor real, e é onde se decide se parece €500 ou €5.000.

O erro que todo mundo comete é escrever "melhore um pouco, deixe mais profissional". Isso não significa nada e o resultado piora.

Conserta-se em camadas. Uma mensagem para cada:

→ Camada 1, texto: "Revise todos os tamanhos de fonte. Deixe uma escala coerente. Não toque em mais nada."

→ Camada 2, respiro: "Seção por seção: dobre o espaço em branco onde parecer apertado. Não toque em mais nada."

→ Camada 3, movimento: "Faça os elementos aparecerem suavemente conforme você rola para baixo. 250ms. Nada que quique."

Esse "não toque em mais nada" é a parte importante. Se você pedir as três de uma vez, ele conserta uma bem e quebra duas.

E se houver algo específico que você não gosta e não sabe como explicar? Tire uma captura de tela, arraste-a para dentro e descreva em inglês simples:

"This block looks cramped against the one above."

"This button doesn't stand out from the background."

"This headline takes up too much space on mobile."

Você não precisa do vocabulário de um designer. Você precisa apontar. É exatamente o que um cliente faz com sua agência, só que aqui a resposta chega em trinta segundos em vez de quatro dias.

As três verificações finais ↓

Até as agências pulam essas etapas:

→ Mobile: "Mostre-me todas as páginas com 375px de largura e conserte o que quebrar." É daí que vem a maior parte do seu público.

→ Cinco segundos: mostre a página inicial a alguém por cinco segundos e cubra-a. Se não conseguirem te dizer o que você faz, o título é inútil.

→ O botão: está visível sem rolar? Está repetido no final da página? Se não, você fez um folheto, não um site.

PASSO 5: PUBLICAR

Quinze minutos e zero euros por mês.

O jeito mais simples, sem contas estranhas ou servidores:

→ Você pede ao Claude para preparar a pasta final do projeto

→ Você vai ao Netlify ou Vercel e arrasta essa pasta para a tela

→ Eles te dão um endereço na hora

→ Você compra um domínio (entre €8 e €12 por ano) e o conecta pelo painel

Está no ar. Sem mensalidade, sem manutenção, sem a conta de €120 por mês por "hospedagem gerenciada".

O QUE VOCÊ COBRA

Agora a parte que ninguém conta.

Se você fizer isso para os outros, não venda "um site". Venda o pacote completo:

Uma chamada de 45 minutos para extrair o arquivo da marca, o texto escrito (sem enrolação), o site publicado com seu domínio, duas rodadas de alterações e um vídeo de 10 minutos explicando como atualizá-lo.

Isso é um trabalho entre €800 e €2.500 dependendo do cliente, entregue em dias em vez de semanas.

Você não cobra pelas horas. Você cobra porque o cliente sai de não ter nada para ter algo que traz trabalho para ele.

Três erros que vejo se repetindo constantemente:

→ Pedir cinco alterações em uma mensagem. Dá errado. Uma por mensagem.

→ Deixar o Claude escrever o texto. Sai correto, mas vazio. O texto é seu trabalho.

→ Buscar a perfeição antes de publicar. O site publicado com três defeitos vale infinitamente mais do que o perfeito que ainda está na sua pasta.

Então, o que realmente muda aqui?

A agência vendia três semanas de processo. O processo sempre foi quatro decisões bem tomadas:

→ para quem

→ o que deve fazer

→ como deve parecer

→ o que é proibido

O resto era espera. E espera não é mais cobrada.

Seu primeiro site vai levar cinco horas e parecer €500. O terceiro vai levar duas e parecer €3.000. O quinto você fará quase dormindo.

É uma curva de aprendizado normal, não mágica. Comece com o seu. É o melhor lugar para errar, porque o cliente é você.

Salve isto e dedique algumas horas a isso.

Garanto que você não vai se arrepender :)

Recriar no YouMind

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Para criadores

Transforme o seu Markdown num artigo 𝕏 impecável

Quando publica os seus próprios textos longos, formatar imagens, tabelas e blocos de código para o 𝕏 é uma dor de cabeça. O YouMind transforma um rascunho completo em Markdown num artigo 𝕏 impecável e pronto a publicar.

Experimente Markdown para 𝕏

Mais padrões para decifrar

Artigos virais recentes

Explorar mais artigos virais