Criando Contexto de Projeto com CLAUDE.md

Antes de construir a página inicial, crie uma pasta separada para o projeto e adicione um arquivo CLAUDE.md. Este arquivo fornece ao Claude Code um contexto persistente sobre o projeto, seus objetivos, estrutura e convenções de desenvolvimento.

Claude lê o CLAUDE.md quando uma nova sessão começa. Isso elimina a necessidade de repetir as mesmas instruções em cada conversa e ajuda Claude a tomar decisões consistentes com o projeto.

Criando um Arquivo CLAUDE.md Eficaz

Um arquivo CLAUDE.md não exige uma estrutura fixa. Ele deve ser curto, claro e fácil de atualizar. Títulos e listas em markdown funcionam bem para documentar:

• Objetivo do projeto
• Público-alvo
• Stack de tecnologia
• Estrutura do repositório
• Comandos de build e teste
• Convenções importantes de codificação

Claude também pode pesquisar em sua documentação por recomendações atuais antes de criar o arquivo.

Escolhendo Onde Armazenar

Um arquivo CLAUDE.md pode fornecer diferentes níveis de contexto dependendo de sua localização:

• Diretório home: instruções compartilhadas entre projetos
• Raiz do projeto: contexto para todo o repositório
• Subdiretório: instruções para uma parte específica do projeto

Por exemplo, o arquivo na raiz pode descrever todo o sistema de outreach, enquanto um arquivo dentro da pasta landing-page pode conter instruções específicas para o site.

Preparando a Página Inicial

Claude pode fazer perguntas de esclarecimento antes de criar os arquivos do projeto. Neste exemplo, a página inicial utiliza Next.js e Tailwind CSS.

Quando a pasta e o arquivo de contexto estiverem prontos, Claude pode estruturar a aplicação e criar um design inicial a partir de uma imagem de referência enviada. Ele pode identificar elementos como:

• Cores e tipografia
• Cartões de serviço
• Estudos de caso
• Depoimentos
• Formulários de contato
• Rodapés

A primeira versão geralmente exigirá refinamento. Contexto adicional do negócio e feedback podem ser fornecidos em um processo iterativo até que o conteúdo e o design correspondam ao resultado desejado.