Publique sua página de apresentação profissional na internet

Até aqui você preparou o terreno: tem o editor instalado, a conta criada, o Claude Code funcionando e as permissões no lugar certo. Este bloco existe para uma prova simples: pegar uma ideia sua e colocá-la no ar, com um endereço que você manda para qualquer pessoa.

Nenhum executivo precisa saber programar para isso. Precisa saber descrever o que quer, olhar o resultado na tela e pedir o próximo ajuste. É exatamente o que você vai treinar agora. No fim, você terá um link público de uma página que você mesmo dirigiu do começo ao fim. Esse é o momento em que a ferramenta deixa de ser promessa e vira resultado que você mostra.

O tema que vamos construir: a sua página de apresentação profissional, uma página só (o que o mercado chama de one-page ou landing page), com o seu nome, o que você faz, seus destaques e como falar com você. Pense num cartão de visitas moderno: você cola o link na assinatura de e-mail, no seu perfil, no convite de uma palestra. Suponha a dona de uma confeitaria: o mesmo link vai no perfil do Instagram e no rodapé dos orçamentos.

Use os seus dados reais ao longo do caminho. A página fica autêntica e serve de verdade depois. Se preferir não expor informação pessoal agora, dá para usar dados genéricos e trocar mais tarde; o passo a passo é o mesmo.

A tentação é despejar tudo num único pedido gigante. Vamos fazer o contrário, em degraus curtos. Primeiro um prompt pequeno que já gera uma página de verdade, para você abrir e ver com os próprios olhos. Só então evoluímos: conteúdo, visual, contato e, por último, a publicação. Antes de cada degrau eu digo o que você deve esperar na tela.

Antes da Etapa 1, abra o ambiente (3 min)

1. 01Abra o Explorador de Arquivos do Windows e vá até a sua pasta de Documentos.
2. 02Clique com o botão direito numa área vazia e escolha Novo, depois Pasta. Renomeie para minha-pagina.
3. 03Clique com o botão direito nessa pasta e escolha Abrir com Code (aquela opção que você marcou no passo de instalar o VS Code).
4. 04Com o VS Code aberto na pasta vazia, vá em Terminal, Novo Terminal (atalho Ctrl e a tecla de crase).
5. 05Digite claude e aperte Enter.

Etapa 1 (6 min): um prompt gera a primeira versão.

O que esperar deste primeiro prompt: o Claude vai criar um arquivo chamado index.html e, ao abri-lo, você verá uma página com o seu nome em destaque, o cargo logo abaixo, a frase que resume o seu trabalho e um botão de contato. Nada de mil seções ainda. Só o começo, para você ver a ideia ganhando forma.

Agora veja com os próprios olhos. Abra a pasta minha-pagina no Explorador de Arquivos e dê dois cliques no index.html, que ele abre no seu navegador. Se você configurou o controle do navegador no módulo do Chrome, pode em vez disso pedir ao Claude: abra o index.html no meu navegador e me diga como ficou. Não gostou de algo? Peça o ajuste em português, por exemplo: aumente o meu nome, deixe o fundo mais escuro, troque a fonte do título.

Confira a pasta: acertou se existe um index.html e, ao abri-lo, aparecem o seu nome, o cargo e a frase de resumo. Mesmo simples, esse é o degrau mais importante, porque um pedido em português virou uma página que existe. Siga para o conteúdo.

Etapa 2 (6 min): encorpar o conteúdo.

O que esperar: a página deixa de ser só uma capa e passa a contar a sua história. Você vai ver três seções novas abaixo do topo (Sobre mim, Destaques e No que eu ajudo), preenchidas com o que você mesmo informou, sem o Claude inventar nada por conta própria.

Atualize o navegador (Ctrl+R) e procure as três seções novas com o seu conteúdo. Sobrou algum [preencher]? Faltou um dado real: complete e peça de novo, porque um marcador honesto vale mais que um número inventado. Acertou quando não restar nenhum marcador na página.

Etapa 3 (7 min): deixar bonito e responsivo.

O que esperar: o mesmo conteúdo, com aparência bem melhor. Cores coerentes, uma tipografia com personalidade, tudo se ajustando ao tamanho da tela e um modo escuro que respeita quem abre a página no celular no fim da noite. As animações de entrada dão o toque profissional.

Estreite a janela do navegador até a largura de um celular e veja a página se reorganizar. Depois troque o tema do sistema entre claro e escuro, ou peça ao Claude para simular os dois. Acertou se o texto continua legível nas duas larguras e nos dois temas.

Etapa 4 (6 min): a seção de contato.

O que esperar: uma seção final com os seus canais reais de contato. O botão Falar comigo lá do topo passa a levar direto até ela, fechando o ciclo de visita da página.

Clique em Falar comigo no topo e veja a página rolar até o contato. Depois teste cada link: o e-mail abre o seu programa de e-mail e o LinkedIn abre o seu perfil. Os três funcionaram? A página está completa e pronta para ir ao ar.

Etapa 5 (10 min): a sua página ganha um link público.

O que esperar: até agora a página só existe no seu computador. Aqui ela ganha um endereço público de verdade, algo como https://SEU_USUARIO.github.io/minha-pagina/, que você manda para qualquer pessoa. O caminho mais simples reaproveita a conta do GitHub que você criou no passo do GitHub e a hospedagem gratuita do GitHub Pages. Nenhuma ferramenta paga é necessária.

Nos bastidores: o Claude usa o Git para empacotar seus arquivos em versões, o gh (ou a orientação manual) para criar o repositório no GitHub e a hospedagem gratuita do GitHub Pages para servir a página num endereço público. Todo comando de terminal passa pela sua aprovação; a criação e a edição de arquivos já rodam livres porque você liberou isso no passo de Permissões.

Abra a URL que o Claude devolveu, no computador e no celular, e mande o link para outra pessoa. Acertou se a página aparece para ela em outro aparelho, fora da sua rede. Você acabou de publicar algo real na internet, do zero, só conversando em português.

Etapa 6 (opcional, 7 min): cartão bonito ao compartilhar e descoberta.

Este degrau é um bônus honesto. Ele faz duas coisas: quando você cola o link no LinkedIn ou no WhatsApp, aparece um cartão bonito com título e imagem em vez de uma URL seca; e sinaliza aos buscadores que a página existe. Sem promessa mágica, o que faz uma página ser encontrada é conteúdo claro e relevante ao longo do tempo.

Cole a URL num rascunho de post no LinkedIn, sem publicar, e veja se surge um cartão com título e imagem. Se usou o IndexNow, confira que o Bing e o Yandex responderam 200 ou 202. O Google descobre a página por conta própria, no ritmo dele.

Comandos úteis dentro do Claude Code (digite / para ver a lista)

• /help: lista tudo o que dá para fazer.
• /clear: limpa a conversa atual e recomeça do zero, útil quando o papo fica longo e o Claude começa a se perder.
• /usage (ou o apelido /cost): mostra o consumo e o custo estimado da sessão e do período.
• /model: troca o modelo (Opus 5.5, o padrão, no trabalho difícil; Sonnet 5 no volume; Haiku 4.5 no simples e barato).
• /compact: resume a conversa longa para liberar a memória de trabalho sem perder o fio.
• /init: cria um CLAUDE.md inicial para o projeto atual, a memória local sobre esta página.
• /permissions: abre o menu de permissões que você conheceu no passo de Permissões.
• /mcp: lista os MCPs ativos (o controle do Chrome aparece aqui, se você fez aquele módulo).
• /agents: gerencia os sub-agents, os Claudes ajudantes do módulo de Sub-agents.
• /exit: sai do Claude Code.

Pare um instante e reconheça o que aconteceu. Você começou este bloco com uma ideia na cabeça e termina com uma página profissional no ar, com um endereço que cabe numa assinatura de e-mail ou num convite de palestra. Não escreveu uma linha de código: descreveu, olhou o resultado e pediu o próximo ajuste. Esse é o novo jeito de tirar ideias do papel.

Para onde ir agora, se quiser

• Evoluir esta página: registrar um domínio próprio no registro.br, ligar um formulário de contato de verdade com um serviço como o Formspree e acompanhar visitas com uma ferramenta de analytics.
• Automatizar e escalar: os módulos opcionais de Hooks e de Sub-agents mostram como fazer o Claude repetir tarefas sozinho e trabalhar em paralelo.
• Dar mais poder ao Claude: o módulo de controle do navegador (Chrome) deixa o Claude abrir, testar e conferir páginas por você.
• Ir além nesta trilha: o curso Frontends com Vibecoding aprofunda a criação de interfaces conversando com a IA.

Coloque o link da página na sua assinatura de e-mail ainda hoje e mande para três contatos. Na semana que vem, peça ao Claude um ajuste pequeno, como um destaque novo, e publique de novo. Acertou se a mudança aparece no ar em até cinco minutos, sem você abrir nenhum arquivo à mão.