Um passo a passo para leigo total. Você vai criar conta no Claude, montar o programa no seu computador, aprender a entregar chaves de forma segura, colocar site no ar pela Cloudflare e até montar dashboard lendo os dados de um cliente. Sem termo técnico, com o link de cada coisa.
Faça na ordem. Cada capítulo é um pedacinho pequeno.
Você não precisa saber programar. O Claude é quem escreve o código. Você conversa com ele em português, como no WhatsApp, e ele constrói página, dashboard, coloca no ar. Este guia só te ensina a montar o ambiente e a falar com ele do jeito certo.
Cada capítulo depende do anterior. Faça de cima pra baixo. E comece criando as contas primeiro, porque tudo o resto precisa delas:
1º) conta no Claude (cap. 01) → 2º) VS Code + extensão (cap. 02 e 03) → 3º) turbinar o Claude (cap. 04) → 4º) conta na Cloudflare (cap. 06) → 5º) só então domínio, chaves e dashboards.
Regra de ouro: primeiro as contas, depois as chaves. Não tente criar chave de um lugar onde você ainda não tem conta.
Antes de qualquer coisa, quando o Claude já estiver instalado (capítulo 3), cole o link deste próprio tutorial dentro do Claude e mande: "Leia este guia e me ajude a seguir ele passo a passo." Assim o próprio Claude passa a te guiar, faz as pastas, cria os arquivos e resolve quase tudo sozinho. Este guia vira o cérebro dele.
Toque na metade direita da tela para avançar e na esquerda para voltar (ou use as setas do teclado). O botão ☰ Capítulos pula direto para onde você quer. O ◐ troca entre tema claro e escuro.
Se travar em algum passo, tira um print da tela e cola no Claude perguntando o que fazer. Ele lê a imagem e te diz o próximo clique. É impossível quebrar nada seguindo devagar.
É a conta que dá o "cérebro" pro programa funcionar.
O Claude é feito pela empresa Anthropic. Criar a conta é igual criar qualquer conta: e-mail e senha. Depois você escolhe um plano pago (o Pro ou o Max) para poder usar o Claude Code sem limite curto.
Conta: claude.ai → Cadastrar → Continuar com o Google.
Começa com o Pro. Se você for usar o dia inteiro criando coisa, o Max compensa. Você troca de plano quando quiser, sem perder nada.
É o programa onde o Claude vai morar e trabalhar. Serve pra Windows e pra Mac.
O VS Code é um programa gratuito da Microsoft. Pense nele como o "escritório" onde ficam os arquivos do seu projeto e onde você conversa com o Claude. Baixar é como baixar qualquer programa.
Download: code.visualstudio.com (ele já detecta se você está no Windows ou no Mac).
Ao abrir, o VS Code costuma oferecer o idioma Português num aviso no canto. Clique para instalar e ele reinicia traduzido. Fica mais fácil de achar tudo.
É a "extensão" que traz o Claude Code pra dentro do escritório.
Extensão é um complemento que você adiciona ao VS Code, tipo instalar um aplicativo dentro de outro. A gente vai instalar a extensão oficial Claude Code e conectar com a sua conta do capítulo 1.
Ctrl+Shift+X (no Mac, Cmd+Shift+X).Com o Claude aberto, cole o link deste tutorial na conversa e mande: "Leia este guia inteiro e me ajude a seguir do capítulo 4 em diante, criando as pastas e arquivos pra mim." Daqui pra frente ele te acompanha.
Confira que digitou Claude Code e que escolheu a que tem o nome da Anthropic. Se nada aparecer, feche e abra o VS Code de novo e tente outra vez.
Uns "acessórios" que deixam o Claude mais esperto, mais barato e com melhor gosto de design.
Sabe quando você põe acessório num carro pra ele ficar melhor? Aqui é igual. São skills e ferramentas que se instalam uma vez e melhoram tudo dali pra frente. O jeito mais fácil de instalar qualquer uma: cole o link dela no Claude e peça "instale isso pra mim e me diga se deu certo". Ele faz.
O RTK comprime o que o Claude lê quando roda comandos, cortando até 90% do texto. Menos texto lido = menos crédito gasto = mais barato. Instala uma vez e trabalha sozinho no fundo.
Repositório: github.com/rtk-ai/rtk. Cole no Claude: Instale o RTK deste link https://github.com/rtk-ai/rtk pra economizar meus tokens, e configure pra usar por padrão.
Por natureza a IA às vezes escreve código demais e complica. O Ponytail ensina o Claude a pensar como um programador sênior preguiçoso: só faz o que precisa, reaproveita o que já existe, não inventa moda. Menos bug, mais rápido.
Repositório: github.com/DietrichGebert/ponytail. Dentro do Claude Code, rode: /plugin install ponytail@ponytail (ou cole o link e peça pra ele instalar).
O Claude fica muito melhor de design quando ele consegue ver o resultado, não só escrever. Duas formas simples:
Não é bem uma skill, é um arquivo. Peça: "crie um CLAUDE.md com as regras, cores e links do projeto e leia sempre antes de trabalhar". É o que mais deixa ele "inteligente" no seu contexto.
Faz o Claude buscar a documentação mais nova das ferramentas na hora, em vez de chutar de memória. Bom quando ele erra comando de coisa recente. Peça: "instale o Context7 pra você consultar docs atualizadas".
Você não precisa decorar nada disso. Cole no Claude: "Leia o capítulo 4 deste tutorial e instale pra mim, na ordem, o que fizer sentido: RTK, Ponytail, Playwright e o CLAUDE.md. Me avise o que deu certo."
O jeito certo de dar uma senha de sistema pro Claude sem vazar.
Para o Claude colocar site no ar ou ler dados de um cliente, ele precisa de umas "chaves" (também chamadas de API key ou token). Pense numa chave como a senha de um sistema. E senha a gente não sai colando em qualquer lugar. Existe um jeito seguro, e é sempre o mesmo.
Nunca cole a chave direto na conversa do chat. O certo é salvar a chave num arquivo de texto no seu computador e só dizer pro Claude onde está o arquivo. Ele lê de lá, sem mostrar a chave na tela.
Você nem precisa saber criar pasta e arquivo. Cole este pedido no Claude:
Crie uma pasta chamada "chaves" na minha Área de Trabalho e, dentro dela, um arquivo de texto vazio chamado "cloudflare.txt". Depois me diga o caminho completo do arquivo pra eu abrir e colar minha chave lá dentro.
Área de Trabalho/chaves/cloudflare.txt).A chave fica só no seu computador, dentro do arquivo. Ela não aparece escrita na conversa, não fica no histórico e não é enviada como texto visível. Se um dia você quiser cortar o acesso, é só apagar a chave lá no sistema de origem (a Cloudflare, a GHL, etc.). Este mesmo método serve para qualquer chave dos próximos capítulos.
É onde seu site vai ficar hospedado, de graça e rápido.
A Cloudflare é uma empresa que guarda e serve seus sites para o mundo, com um plano gratuito que já resolve páginas e dashboards. Criar conta leva 2 minutos.
Cadastro: dash.cloudflare.com/sign-up.
Anote o e-mail e a senha da Cloudflare num lugar seguro. É a conta que segura todos os seus sites, então vale ligar também a verificação em duas etapas nas configurações depois.
Fazer o seu endereço (seusite.com.br) apontar para a Cloudflare.
Se você comprou um domínio (o endereço do site, tipo suaempresa.com.br) em outro lugar, precisa "avisar" que agora quem manda é a Cloudflare. Isso se faz trocando dois servidores de nome (nameservers). A Cloudflare te dá esses dois nomes e você cola no site onde comprou o domínio.
suaempresa.com.br).ana.ns.cloudflare.com e bob.ns.cloudflare.com. É isso que você vai copiar.Achou onde comprou? Siga o pedacinho da sua empresa:
Entre em registro.br, faça login, clique no seu domínio, procure Alterar servidores DNS e cole os dois nameservers da Cloudflare no lugar dos que estão lá. Salve.
Entre no hPanel → Domínios → seu domínio → DNS / Nameservers → escolha Alterar nameservers / usar personalizados e cole os dois da Cloudflare. Salve.
Entre no painel do cliente HostGator → Domínios → seu domínio → Servidores de nome (DNS) → Editar e troque pelos dois da Cloudflare. Salve.
É sempre a mesma ideia: procure Nameservers ou Servidores DNS no painel, escolha personalizado e cole os dois nomes da Cloudflare.
Depois de salvar, a mudança pode levar de alguns minutos até 24 horas para "pegar" no mundo todo. A Cloudflare te avisa por e-mail quando o domínio ficar ativo. Não precisa ficar mexendo, só esperar.
Na dúvida de onde clicar, tira um print da tela do seu Registro.br/Hostinger e cola no Claude perguntando: "Onde troco os nameservers aqui?" Ele te aponta.
A "senha" que deixa o Claude colocar seus sites no ar sozinho.
Para o Claude publicar as páginas e dashboards direto na sua Cloudflare, ele precisa de uma chave (API Token). Você cria essa chave uma vez, entrega pelo arquivo seguro do capítulo 5, e pronto: ele publica sozinho.
Se você fechar a tela sem copiar, a chave some e você precisa criar outra. Então, assim que copiar, cole no arquivo seguro do capítulo 5 antes de fazer mais nada.
chaves/cloudflare.txt (o que o Claude criou no capítulo 5) e salve.Tokens: dash.cloudflare.com/profile/api-tokens → Create Token → modelo Edit Cloudflare Workers.
Essa chave pode ser apagada a qualquer momento na mesma tela de tokens. Se um dia parar de usar o Claude, é só revogar. Você nunca perde o controle da sua conta.
Montar um painel que lê (e edita) os dados de um cliente na GHL.
A GHL (GoHighLevel) é o CRM onde muitos clientes guardam leads, agendamentos e vendas. Dá para o Claude montar um dashboard bonito lendo esses dados e até editar coisas lá dentro. Para isso, o cliente gera uma chave (Private Integration) e você entrega pro Claude do jeito seguro.
Essa chave dá acesso aos dados do cliente (contatos, conversas, vendas). Trate com o mesmo cuidado de uma senha de banco:
• Só faça isso com autorização do cliente.
• Marque só as permissões necessárias ao criar a chave (não marque tudo por preguiça).
• Entregue a chave apenas pelo arquivo seguro (capítulo 5), nunca no chat aberto ou no WhatsApp.
• Quando terminar o trabalho, revogue a chave na GHL.
pit-).chaves/ghl-cliente.txt e salve.Na primeira vez, peça um painel que só lê os dados (não edita). Depois que estiver confiante, aí sim libere edição. É mais seguro aprender vendo antes de deixar mexer.
Frases prontas para copiar e colar. Elas fazem o Claude acertar mais e gastar menos.
O segredo de um bom resultado é como você pede. Aqui vão frases testadas. Copie, cole e adapte. Comece sempre pela primeira.
Leia este tutorial do meu Kit: [cole o link deste guia aqui]. Ele explica como eu trabalho e como configurar tudo. Siga ele pra me ajudar.
Antes de começar, me faça perguntas até ter 95% de certeza do que eu quero. Só depois comece.
Crie um arquivo CLAUDE.md com as regras e o contexto do nosso projeto (o que é, cores, links, o que não pode). Leia ele sempre antes de trabalhar.
Trabalhe em passos pequenos. Me mostre o que vai fazer antes de mudar muita coisa.
Depois de terminar, confira você mesmo: abra a página ou teste, e me diga se realmente ficou funcionando.
Seja direto e objetivo. Não crie arquivos que eu não pedi. Se ficar em dúvida, me pergunte em vez de adivinhar.
Me explique o que você fez em português simples, como se eu não soubesse nada de programação.
Guarde o link deste tutorial. Toda vez que abrir um projeto novo, cole ele no Claude logo no começo. Assim você não repete explicação, o Claude já entende seu jeito de trabalhar e a conversa rende muito mais.
Marque o que já fez. Quando tudo estiver marcado, você está pronto pra criar.
Com tudo isso pronto, é só conversar. Exemplos: "Crie uma página de vendas do meu produto e publique na minha Cloudflare" ou "Monte um dashboard dos leads do cliente na GHL". O Claude faz, publica e te manda o link.
Salve este link. Ele serve toda vez que você for começar um projeto novo ou configurar outro computador.
Guarde esta página. Quando o Claude ou alguém falar uma palavra estranha, procure aqui.
suaempresa.com.br. Você compra num lugar (Registro.br, Hostinger...).Não decore nada disto. Se travar numa palavra, é só perguntar ao próprio Claude: "o que significa isso, me explica como se eu fosse leigo?" Ele responde na hora.
Guias e ferramentas que conversam com este conteúdo.