Construir um projeto a partir de uma descrição
Da ideia ao app funcional com um prompt
⏱ Estim. ~8 min
01 · Ler
Vamos construir algo de verdade. Até agora você criou um arquivo só e fez edições pequenas. Mas o Claude Code consegue muito mais — você pode dar a descrição completa de um projeto e vê-lo construir tudo.
O segredo para obter bons resultados é ser específico o suficiente. Quantos mais detalhes você der sobre funcionalidades, comportamento e design, mais perto o Claude vai chegar do que você quer logo de cara.
Vamos construir um gerenciador de bookmarks — um app web simples que permite salvar, ver e apagar bookmarks. Sem servidor — tudo roda no navegador usando localStorage.
02 · Modelo de prompt
Dê ao Claude uma descrição detalhada do projeto. Repare em como esse prompt é específico — lista cada funcionalidade, descreve o comportamento e indica a abordagem técnica.
Faça um app web simples para gerenciar bookmarks:
- Uma página HTML com um formulário para adicionar bookmarks (URL e título)
- JavaScript que salva os bookmarks no localStorage
- Uma lista mostrando todos os bookmarks salvos
- Um botão de apagar para cada bookmark
- Estilo CSS limpo e moderno
- Tudo como single-page app (sem servidor)
03 · Prática real
Abra no navegador o arquivo HTML que o Claude criou e teste. Adicione alguns bookmarks, recarregue para confirmar que ficaram salvos, e teste o botão de apagar.
open index.html
04 · Lista de verificação
Teste o gerenciador de bookmarks a fundo. Marque cada funcionalidade conforme verificar que funciona.
- Consigo adicionar bookmarks com URL e título
- Os bookmarks aparecem listados
- O botão de apagar remove o bookmark
- Os bookmarks continuam lá depois de recarregar
05 · Quiz
O que torna um prompt mais efetivo para o Claude Code?
- Quanto menos palavras, melhor
- Escrever em código em vez de linguagem natural
- Pedir tudo de uma vez
- Ser específico sobre funcionalidades, stack tecnológica e estrutura
06 · Preencher
Ao pedir para o Claude Code construir um projeto, dar descrições _____ com funcionalidades concretas produz resultados muito melhores do que pedidos vagos.
07 · Ler
Você acabou de construir um app web completo e funcional a partir de descrições em linguagem natural. Pense quanto tempo demoraria fazer isso na mão — montar a estrutura HTML, escrever o JavaScript de localStorage, lidar com o envio do formulário, fazer a lógica de apagar, formatar tudo com CSS.
Com Claude Code, a primeira versão leva segundos. Se algo não estiver certo, você itera: pede para o Claude corrigir, adicionar funcionalidades, mudar o design.
Essa é a potência do desenvolvimento assistido por IA. Você traz as ideias e o critério; Claude traz a velocidade.
Pontos-chave
- Prompts detalhados produzem resultados melhores — liste cada funcionalidade que você quer
- Sempre teste a saída você mesmo antes de continuar
- Se algo não estiver certo, descreva o problema e peça para o Claude corrigir
- Claude constrói em segundos o que, na mão, levaria muito mais tempo
08 · Quiz
Você quer pedir ao Claude Code para construir um app de lista de tarefas. Qual prompt produz o melhor resultado já na primeira tentativa?
- Faça um app web de lista de tarefas com um campo para adicionar tarefas, uma lista mostrando todas as tarefas, checkbox para marcar como concluída, um botão de apagar em cada tarefa e localStorage para que as tarefas continuem ao recarregar
- Faça um app de tarefas
- Faça algo útil com JavaScript
- Construa um app de tarefas com todas as funcionalidades
09 · Preencher
Depois que o Claude constrói um projeto, sempre _____ a saída você mesmo antes de continuar.
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.