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

@zentalksai
ESPANHOL09 de ago. de 2026
107K
176
17
29
177

TL;DR

Um guia completo sobre como usar o agente de código do Claude Desktop para criar sites profissionais. O foco está na 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ê faz em uma tarde. Sem programar e sem abrir o terminal uma única 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 eu construí um do sofá, e vou te contar o processo inteiro, passo a passo.

Vou te contar o processo inteiro, passo a passo.

Um aviso antes de começar, porque existe 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 se parece) continua sendo trabalho. O que desapareceu foi 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 aguenta comparação. E se aguenta, você cobra por ele.

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 normal

→ Cowork, tarefas com seus arquivos

→ Code, crie projetos de verdade

A aba Code é o mesmo agente Claude Code, mas com 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ê esgota 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 bobeira, mas é o que evita o desastre típico: arquivos soltos pela área de trabalho, o Claude mexendo no que não deve 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 faz. 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 deveria inventar.

Seis linhas:

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

→ O que sentem ao entrar: "caro, calmo, sem barulho"

→ 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 de jeito nenhum

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 modelo e preencha as informações :)

text
1MARCA: [nome]
2CLIENTE IDEAL: [quem são, o que buscam, orçamento]
3SENSAÇÃO: [3 adjetivos, nenhum vago]
4AÇÃO ÚNICA: [a única coisa que devem fazer]
5FONTES: [uma para títulos, uma para o corpo do texto]
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 o 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 para consultar você.

PASSO 2: DÊ UMA REFERÊNCIA

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

O que eu faço:

→ Vou ao Land-book, Godly ou Minimal Gallery. Todos 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 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 eu digo exatamente isto ↓

text
1Use estas capturas de tela como referência de qualidade: observe os
2tamanhos das fontes, o espaçamento 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 um plágio com outro logo por cima. Eu já vi acontecer.

PASSO 3: A MISSÃO

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

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

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

3. Como construir: "Use Astro e Tailwind. Site estático, 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 vai estar em 70%. Isso é normal e é importante que você saiba antes, 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ê tem isso 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 "melhora um pouco, deixa com cara mais profissional". Isso não significa nada e o resultado piora.

Corrige-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 parece apertado. Não toque em mais nada."

→ Camada 3, movimento: "Faça os elementos aparecerem suavemente conforme você rola a página. 250ms. Nada que quica."

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 tem algo específico que você não gosta e não sabe explicar? Tire uma captura de tela, arraste para dentro e descreva em inglês simples:

"Este bloco parece apertado em relação ao de cima."

"Este botão não se destaca do fundo."

"Este título ocupa espaço demais no mobile."

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

As três verificações finais ↓

Até agências pulam essas:

→ Mobile: "Me mostre todas as páginas com 375px de largura e corrija o que quebrar." É daí que vem a maioria do seu público.

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

→ O botão: ele está visível sem rolar a página? Ele se repete bem no final? 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 nem 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 conecta pelo painel

Está no ar. Sem mensalidade, sem manutenção, sem a conta de €120 por mês de "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 o domínio, duas rodadas de alterações e um vídeo de 10 minutos explicando como atualizar.

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 do nada para ter algo que traz trabalho para ele.

Três erros que vejo se repetirem 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 é trabalho seu.

→ Buscar 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.

Afinal, 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 se cobra mais.

Seu primeiro site vai levar cinco horas e parecer €500. O terceiro vai levar duas e parecer €3.000. O quinto você vai fazer 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.

Te 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 seu Markdown em um artigo 𝕏 impecável

Quando você publica 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 em um artigo 𝕏 impecável e pronto para publicar.

Experimente Markdown para 𝕏

Mais padrões para decifrar

Artigos virais recentes

Explorar mais artigos virais