Pedir o sistema

Chegou a hora do sistema de verdade. Ele vai nascer num Artifact: o painel ao lado da conversa onde o Claude mostra o que criou, já funcionando. Você clica, digita e vê o resultado antes de salvar qualquer coisa no computador.

O que você vai pedir

Uma calculadora de orçamento. Você lista os itens do serviço, cada um com quantidade e preço, e a página soma tudo, aplica um desconto e mostra o total. O pedido já vem pronto, com as regras que fazem o sistema funcionar igual no Artifact e no seu computador:

• Um arquivo HTML só, com tudo dentro.
• Nada de biblioteca de fora: a página não depende de outro site para funcionar.
• Não guarda nada: fechou a página, os itens somem. Isso mantém o sistema simples e igual em qualquer lugar.
• Tudo em português, com o título Meu primeiro sistema.

Mandar o pedido

1. No app do Claude, abra o projeto Meu primeiro sistema e comece uma conversa nova dentro dele (a do treino do guia anterior pode ficar para trás).
2. Copie o pedido abaixo inteiro, cole e aperte Enter.

Quero criar o meu primeiro sistema: uma calculadora de orçamento.
Requisitos:
- Um arquivo HTML só (index.html), com o visual e o código dentro dele. Sem nenhuma biblioteca ou arquivo de fora.
- Não guarda nada: nada de salvar no navegador, em servidor ou em arquivo.
- Todos os textos em português do Brasil. O título da página é "Meu primeiro sistema".
- Eu adiciono itens, cada um com descrição, quantidade e preço unitário em reais. Cada item mostra o subtotal (quantidade vezes preço) e tem um botão para remover.
- Um campo de desconto em porcentagem.
- A página mostra o subtotal de todos os itens, o valor do desconto e o total final, em reais (R$), e atualiza sozinha quando eu mudo qualquer número.
- Visual limpo, que funcione bem no computador e no celular.
Antes de escrever o código, me mostre o desenho e o plano e espere eu aprovar.

Ler o plano e aprovar

O Claude responde com o desenho (como a página vai ficar) e o plano (os passos). Leia com calma. É a sua chance de mudar alguma coisa antes de ele gastar o limite escrevendo o código.

• Se faltou algo, diga em uma frase. Por exemplo: "Quero também um campo para o nome do serviço".
• Se estiver bom, responda pode fazer.

Ele escreve o código e abre o Artifact com a calculadora funcionando.

Testar na prévia

Faça uma conta que dá para conferir de cabeça. Adicione dois itens:

1. Visita técnica: quantidade 2, preço 50.
2. Peça de reposição: quantidade 1, preço 30.

A conta: 2 × 50 = 100, mais 30, dá R$ 130,00. Agora digite 10 no desconto: 10% de 130 são 13, então o total cai para R$ 117,00.