Código·

Leitor de Fatura do Cartão

A maioria das pessoas não sabe pra onde foi o dinheiro da fatura até ela chegar — e mesmo aí, o extrato lista dezenas de lançamentos soltos, sem categoria nenhuma. Esse prompt gera um app de tela única que resolve isso: fotografa (ou anexa o PDF) da fatura, e ele devolve, em segundos, qual categoria pesou mais no mês.

A extração usa um modelo de visão pra ler cada transação — data, estabelecimento e valor — e classificá-la automaticamente em uma de oito categorias (delivery, mercado, transporte, assinaturas, saúde, lazer, compras, outros). A partir daí, soma por categoria e monta um gráfico de barras horizontal, com a maior categoria em destaque e uma frase de resumo no topo. Como não há cadastro, login nem conexão com banco, os dados ficam só no navegador (localStorage) — a interface avisa isso de forma explícita, com um botão pra apagar tudo.

Não é preciso saber programar: o prompt abaixo é literal — cole numa ferramenta de geração de app com IA (Claude Code, v0, Lovable, etc.) e ela entrega o app pronto, sem nenhuma etapa manual de código.

O prompt

Construa um web app de tela única chamado "Leitor de Fatura".

QUEM USA: qualquer pessoa com fatura de cartão de crédito, sem
conhecimento técnico. Uso principal no celular.

O QUE A TELA MOSTRA:
- Uma área de upload no topo, onde o usuário envia a foto ou PDF da fatura.
- Um botão verde primário "Analisar", desabilitado até o arquivo ser enviado.
- Abaixo, a área de resultado, vazia até a análise rodar.

O QUE ACONTECE AO CLICAR EM ANALISAR:
- A imagem ou PDF é enviada a um modelo de visão, que extrai todas as
  transações: data, estabelecimento e valor.
- Cada transação é classificada em uma categoria: delivery, mercado,
  transporte, assinaturas, saúde, lazer, compras, outros.
- O app soma os valores por categoria e apresenta o resultado.

O QUE O RESULTADO MOSTRA:
- Uma frase de destaque no topo, em texto grande, apontando a categoria
  de maior peso e seu valor em reais. Exemplo: "Delivery: R$ 487 — 38%
  da sua fatura".
- Um gráfico de barras horizontal com todas as categorias, ordenadas do
  maior para o menor valor, com o valor em reais rotulado em cada barra.
  A barra da maior categoria em destaque na cor de acento.
- Uma lista expansível com as transações individuais de cada categoria,
  para o usuário conferir se a classificação está correta.
- Se o usuário já tiver analisado faturas anteriores, mostre a variação
  em relação ao mês anterior: "Delivery subiu R$ 96 vs. mês passado".

REGRAS DE PRODUTO:
- Sem cadastro, sem login, sem conexão com banco. Entra uma foto,
  sai uma decisão.
- Os dados da fatura ficam apenas no dispositivo (localStorage). Deixe
  isso explícito na interface, com uma linha discreta abaixo do upload.
- Um botão para apagar todo o histórico, sempre visível nas configurações.
- Estado de carregamento claro durante a análise, que pode levar alguns
  segundos.
- Trate os erros com mensagem em linguagem simples: foto ilegível,
  arquivo grande demais, nenhuma transação encontrada.
- Interface em português do Brasil, valores no formato R$ 0.000,00.
- Responsivo, pensado primeiro para celular.

Reel de origem

Ver no instagram

Prompts relacionados

CompartilharXWhatsAppLinkedIn
Biblioteca