Criei Um Sistema Completo Com Claude Code Em Apenas 20 Minutos
Links importantes
Quero criar um assistente de WhatsApp usando a biblioteca Baileys (não-oficial),
em JavaScript com Node.js, com um dashboard web que mostra as conversas em tempo
real. O foco do projeto é ser visualmente impressionante para gravar um vídeo no
meu canal.
ANTES de escrever qualquer código, quero que você me entreviste para definir o
escopo. Siga estas regras:
1. Faça UMA pergunta por vez.
2. Cada pergunta deve vir com opções numeradas (1, 2, 3...) para eu escolher,
estilo formulário. Sempre inclua uma opção "Outro" pra eu digitar livre.
3. Espere minha resposta antes de fazer a próxima pergunta.
4. Mantenha as perguntas curtas e diretas, sem explicações longas, pra ficar
dinâmico no vídeo.
5. Cubra pelo menos estes temas, um de cada vez:
- Se o bot deve responder com IA (API da Anthropic) ou respostas fixas
- Quais recursos o dashboard deve ter (QR code, lista de conversas ao vivo,
contador de mensagens, indicador "digitando", gráficos, etc.)
- Estilo visual do dashboard (tema claro/escuro, estilo WhatsApp, minimalista...)
- Front em HTML/CSS/JS puro (com WebSocket) ou React
- Backend: Express + Socket.io é o padrão — confirmar ou sugerir outro
- Se precisa persistir as mensagens (banco, ex: SQLite) ou só em memória
- Qualquer recurso extra que faça sentido
6. Quando terminar as perguntas, me mostre um RESUMO do que entendeu e peça minha
confirmação antes de começar a implementar.
Tecnologias base do projeto:
- Node.js + JavaScript
- @whiskeysockets/baileys para conexão com o WhatsApp
- Express + Socket.io para o backend e comunicação em tempo real
Comece agora com a primeira pergunta.
Claude Code: Criei um Sistema de Atendimento com IA do Zero (Prompt Completo)
Bora pra ação! Hoje vamos usar o Claude Code para construir, do zero, um sistema de atendimento para WhatsApp integrado com IA. Vou compartilhar o prompt exato que usei, as dicas de como manejar a IA e o resultado final: uma aplicação completa e personalizável, criada em minutos.
Este guia mostra como a inteligência artificial pode acelerar brutalmente o desenvolvimento, permitindo que você valide ideias e crie MVPs (Minimum Viable Products) com uma velocidade nunca antes vista.
Material de Apoio
O prompt completo que usamos para gerar a aplicação e os links para as ferramentas estão disponíveis logo acima nesta página.
Passo 1: Preparando o Ambiente de Desenvolvimento
Para seguir este tutorial, vamos usar uma IDE (ambiente de desenvolvimento) para visualizar os arquivos que a IA irá criar. Nossas ferramentas serão:
- Cursor (ou VS Code): Uma IDE gratuita e excelente para desenvolvimento. Baixe o Cursor aqui.
- Node.js: A plataforma que executará nosso código JavaScript. Faça o download aqui.
Após instalar ambos, crie uma pasta vazia em sua Área de Trabalho chamada "Claude" e abra-a no Cursor.
Passo 2: Instalando e Configurando o Claude Code
- Dentro do Cursor, abra um novo terminal (clicando em "Terminal" > "New Terminal").
- Instale o Claude Code: Cole o seguinte comando no terminal e pressione Enter:
npm install -g @google-Claude/Claude-code - Inicie o Claude Code: Digite
Claudeno terminal. Na primeira execução, ele pedirá para autenticar sua conta Google. Siga os passos, copiando a URL para o navegador e colando o código de volta no terminal. - Otimize o Esforço da IA: Para tarefas como a nossa, que exigem velocidade, podemos ajustar o "esforço" da IA. Digite
/efforte selecione a opção "Max". Isso fará com que a IA trabalhe de forma mais rápida e direta.
Passo 3: A Fase de Planejamento (O "Briefing" para a IA)
Este é o coração do processo. Em vez de apenas dar uma ordem, vamos guiar a IA para que ela entenda exatamente o que queremos construir. Para isso, vamos usar um prompt detalhado.
- Copie o prompt completo disponível na nossa página de apoio.
- Cole-o no terminal do Claude Code e pressione Enter.
O que acontece a seguir é um diálogo de planejamento. O Claude Code, com base no nosso prompt, nos fará 7 perguntas-chave para refinar o projeto:
As 7 Perguntas da IA para Construir seu App:
- Como o bot deve responder? (Ex: Com IA do Claude)
- Quais recursos o dashboard deve ter? (Ex: Todos)
- Qual o estilo visual? (Ex: Dark Mode Moderno)
- Tecnologia do Frontend? (Ex: React)
- Tecnologia do Backend? (Ex: Express + Socket.IO)
- Como salvar as mensagens? (Ex: Em memória)
- Recursos extras? (Ex: Memória de contexto, Modo Demo)
Ao responder a essas perguntas, estamos co-criando o plano do projeto com a IA. Após a última resposta, ela apresentará um resumo completo da aplicação e perguntará: "Posso começar a implementar?". Confirme com "Sim".
Passo 4: A Construção Automatizada
Agora, sente-se e assista à mágica. O Claude Code começará a trabalhar, executando o plano que vocês criaram juntos. Ele irá:
- Criar toda a estrutura de pastas e arquivos do projeto.
- Escrever o código para o backend em Node.js.
- Escrever o código para a interface do dashboard em React.
- Instalar todas as dependências necessárias.
- Verificar a sintaxe e a integridade do código.
Em cerca de 20 minutos, sem nenhuma intervenção manual além de alguns "sim" para confirmar permissões, a IA construiu um sistema completo.
Passo 5: Rodando a Aplicação
Ao final do processo, a IA nos deu as instruções finais:
- Crie o arquivo
.env: Copie o conteúdo do.env.examplepara um novo arquivo.enve insira sua chave de API da Anthropic (para o Claude). - Compile o projeto:
npm run build - Inicie a aplicação:
npm start
Acesse http://localhost:3001 e pronto! Você terá um dashboard funcional, com modo demo, métricas, lista de conversas e um QR Code para conectar seu WhatsApp e começar a testar seu novo assistente de IA.
Este processo demonstra que a barreira para criar tecnologia nunca foi tão baixa. Com o planejamento certo e a ajuda da IA, você pode transformar ideias em MVPs funcionais em questão de minutos. Não fique para trás, comece a usar essas ferramentas para turbinar sua produtividade!
Qualquer dúvida, é só chamar. Tamo junto!