Criar arquivos com Claude
Você descreve, Claude constrói
⏱ Estim. ~7 min
01 · Ler
Até agora você usou o Claude Code para entender código. Agora vamos usá-lo para construir coisas do zero.
Aqui é onde começa a parte divertida. Em vez de escrever cada linha de HTML, CSS e JavaScript você mesmo, você descreve o que quer em linguagem natural. Claude escreve o código, cria os arquivos, e você revisa o resultado.
O seu papel muda de datilógrafo para diretor. Você decide o que construir, descreve com clareza e orienta o Claude para acertar. A qualidade do que o Claude produz depende diretamente de quão bem você descreve.
💡 Imagine assimÉ como trabalhar com um arquiteto muito talentoso, mas bem literal. Se você disser "me construa uma casa", vai receber uma casa — mas talvez não a que você imaginava. Se você disser "me construa uma casa de dois andares, com varanda em volta, fachada azul e janelas grandes na cozinha", vai receber algo bem próximo do que você imaginou.
02 · Modelo de prompt
Vamos fazer uma página web. Peça ao Claude para criar uma página HTML com uma barra de navegação. Seja claro sobre o que a barra deve ter.
Faça uma página HTML com uma barra de navegação que tenha três links: Home, About, Contact. Estilo limpo e moderno.
03 · Prática real
Abra no navegador o arquivo que o Claude criou para ver o resultado. Você pode abrir direto pelo terminal.
open index.html
04 · Modelo de prompt
Agora peça ao Claude para adicionar algo ao que ele criou. Isso mostra a capacidade do Claude de entender contexto — ele sabe quais arquivos existem e modifica eles de forma inteligente.
Adicione um esquema de cores dark mode a esta página. Crie um arquivo CSS separado e referencie-o a partir do HTML.
05 · Ler
Veja o que acabou de acontecer. Você descreveu o que queria em linguagem natural — duas vezes. Claude escreveu o código nas duas vezes. O seu trabalho é revisar, testar no navegador e iterar.
Esse é o fluxo de desenvolvimento moderno com IA:
1. Descreva o que você quer 2. Revise o que Claude criou 3. Teste (abra no navegador, rode etc.) 4. Itere pedindo mudanças
Você não é só passageiro — é quem decide. Claude é rápido, mas você precisa saber se o resultado está certo e bom o suficiente.
Pontos-chave
- Claude cria arquivos reais no diretório do seu projeto
- Sempre revise e teste o que Claude produz
- Claude lembra do contexto — ele sabe quais arquivos já existem
- Itere pedindo mudanças, em vez de recomeçar do zero
06 · Preencher
Depois que Claude cria arquivos, você sempre deve _____ antes de fazer commit.
07 · Quiz
Qual é o fluxo recomendado para criar arquivos com Claude Code?
- Copiar da internet -> colar -> rodar
- Descrever -> revisar -> testar -> iterar
- Escrever o código você mesmo -> pedir para o Claude corrigir erros
- Deixar o Claude construir tudo sem revisar
Outras lições deste capítulo
⚠ A experiência interativa completa precisa de JavaScript. Ative-o e recarregue a página.
※ Este é um projeto educacional independente — não é um produto oficial da Anthropic. Claude™ é uma marca registrada da Anthropic, PBC.