Skip to content

Modelo Coinpath: app de orçamento que você reescreve no chat

Modelo Coinpath: um app de orçamento pronto para virar o seu

O Coinpath é um dos 25 modelos prontos do Zugo: um app de orçamento pessoal com três telas de verdade, página de apresentação, tela de entrada e painel com lançamentos, categorias e a tendência do mês. Clonar não gasta crédito, e a partir daí você remodela tudo escrevendo frases no chat.

Abaixo está o que realmente vem no arquivo, quais mudanças ele aguenta sem quebrar, o que ainda precisa ser conectado por você e o ponto em que ele deixa de ser o começo certo.

O que vem dentro do modelo Coinpath?

O Coinpath fica na categoria de aplicativos, e não na de páginas de venda, o que significa que ele carrega estado em vez de só texto. O arquivo tem três telas pelas quais o projeto navega sozinho, formato compartilhado por todos os modelos que não são jogo.

Tela O que ela traz O que se muda primeiro
Apresentação Promessa do produto, cartão de entradas e saídas, barras por categoria, botões de cadastro Nome, promessa e os números do cartão de prévia
Entrada Formulário de e-mail e senha, botão do Google, link de senha esquecida Textos e logo agora, login real depois
Painel Saudação pelo nome, saldo do mês, linha para lançar, quebra por categoria, comparação com o mês anterior Categorias, moeda, quais blocos ficam

A lista de lançamentos tem filtro de três estados: tudo, entradas, saídas. As categorias da demonstração são domésticas (moradia, mercado, restaurante, transporte, contas, saúde, lazer, salário, freelance e outros), e existe um estado vazio funcionando, o que importa mais do que parece: é a primeira tela que alguém novo encontra.

Um detalhe que vale conhecer antes de editar: os rótulos de tendências e metas na lateral são decoração na demonstração. O painel é uma tela só, não cinco. Se você quer essas seções como páginas reais, peça em uma edição e elas passam a existir.

Para quem o Coinpath serve de verdade?

O encaixe óbvio é controle de dinheiro pessoal: orçamento do mês, revisão de gastos, meta de reserva, faxina nas assinaturas. Saldo em cima, movimentações embaixo, divisão por categoria ao lado atende os quatro casos sem mexer no layout.

O segundo encaixe é ferramenta interna pequena. Gasto de projeto, teto de um setor, prestação de contas de viagem. As telas continuam as mesmas e mudam só os rótulos e o dono dos dados, o que é uma edição barata, não uma reconstrução.

O terceiro é menos evidente. O Coinpath funciona como esqueleto para qualquer app com um número corrente e uma lista de eventos que alimenta esse número: calorias, quilômetros rodados, horas faturáveis. A mecânica é a mesma e muda só a unidade. Se o seu caso é mais perto de feito ou não feito, o modelo Continuum trata de hábitos e sequências.

Onde ele não serve é contabilidade com partidas dobradas, obrigação fiscal e permissão por usuário. Isso é outra classe de produto, e esticar o modelo até lá custa mais do que descrever o seu do zero.

Em que um modelo difere de um prompt em branco?

A diferença não está na qualidade do resultado, está no ponto de partida. Um prompt em branco entrega um projeto deduzido da sua descrição. Um modelo entrega um projeto já pensado, e você vê o conjunto inteiro antes de gastar um crédito sequer.

Daí saem duas consequências práticas. A primeira é que a aposta estrutural desaparece. No Coinpath já está decidido que o saldo do mês fica acima da lista e a quebra por categoria vem depois, e você abre essa decisão para discutir em vez de imaginá-la.

A segunda é o custo de errar a primeira tentativa. Uma construção do zero custa 6 créditos, e se a versão um não servir, a versão dois custa 6 de novo. O clone não custa nada, então escolher mal sai de graça: não serviu, você testa outro modelo.

Existe a troca no sentido contrário. Se o seu caso está longe de entradas e saídas, adaptar sai mais caro do que descrever, porque você paga para remover decisões alheias além de acrescentar as suas. Regra simples: se na terceira edição você ainda está arrancando a ideia original, comece do zero.

Como adaptar o Coinpath ao seu caso?

Vale o ritmo normal do chat: uma frase, um objetivo claro. Passos curtos chegam mais rápido e mais barato do que um prompt gigante, e você enxerga onde cada crédito foi parar.

  1. Mude o domínio primeiro: "renomeie para Quilômetro, conte quilômetros em vez de dinheiro, troque as categorias por corrida, bicicleta e caminhada". Uma edição só pega a página de apresentação e o painel juntos.
  2. Acerte categorias e moeda: "mantenha quatro categorias, aluguel, comida, transporte e outros, e mostre os valores em reais". Categoria é o primeiro item que descola da vida real de quem usa.
  3. Corte o que sobra: "tire o gráfico de comparação com o mês anterior e mostre meus cinco maiores gastos no lugar". Nada no modelo resiste a ser removido.
  4. Trabalhe o estado vazio: "quando não houver lançamento, mostre uma dica com exemplo do primeiro registro". Edição barata, efeito grande na primeira impressão.
  5. Publique no seu endereço .zugo.run e abra no celular. Tela de dinheiro é conferida no celular muito mais do que no computador.

Revise depois de cada edição, e não tudo de uma vez no fim. Antes de chegar até você, toda construção é aberta em uma sandbox, então uma versão quebrada é reportada como falha em vez de cair no seu projeto. A mecânica geral de editar por conversa está em como editar depois da geração.

Quanto custa adaptar o Coinpath?

Clonar o modelo não consome nada: a página é copiada para o seu projeto sem chamar o modelo de IA. A cobrança começa na primeira edição.

Ação Créditos Observação
Clonar o modelo para um projeto novo nenhum Cópia de uma página pronta, sem IA
Uma edição no chat 3 Texto, categorias, quais blocos ficam
Reconstrução completa 6 Quando refazer sai melhor que corrigir
Plataforma multipágina, três primeiras páginas 12 Se o Coinpath crescer em seções
Cada página além das três primeiras 3 Uma seção a mais da plataforma
Edição no modo Hi-Fi 6 O modo custa o dobro
Construção no modo Hi-Fi 12 Mesma proporção

O plano gratuito dá 5 créditos, o que cobre o clone e uma edição. O Pro custa $25 por mês com 200 créditos, algo como 66 edições ou 33 construções. O Business custa $99 por mês com 800 créditos. Para planejar: deixar um modelo com a sua cara costuma levar entre cinco e quinze edições.

O que precisa ser conectado para o orçamento virar real?

O modelo é uma interface com dados de demonstração. Os registros sobrevivem a um recarregamento no navegador, mas ainda não estão ligados a uma conta, e essa é a distância entre demonstração e produto.

O Supabase cobre as duas metades: tabelas para os lançamentos, entrada por e-mail e armazenamento de arquivos, caso um dia você queira anexar comprovante. Peça como uma edição própria: "conecte o Supabase, guarde os lançamentos em uma tabela e mostre só as linhas do usuário logado". Essa última parte é o pedaço importante da frase.

Depois, conforme a necessidade: Stripe se o app for pago, Resend se o resumo mensal for por e-mail, Google Analytics para saber em que tela o novato trava. A exportação para o GitHub entrega um repositório de verdade, então o código não fica preso.

A ordem importa. Banco e login primeiro, o resto depois. O contrário costuma significar medir comportamento sobre dados que vão sumir. A versão longa está em a IA consegue criar um app com banco de dados.

O que o Coinpath não faz?

Três limites honestos, melhores de conhecer antes do que depois.

Não existe conexão com banco. Os lançamentos são digitados à mão, e a frase da apresentação sobre não pedir acesso bancário descreve a demonstração, não um recurso escondido. Importar extrato automaticamente é integração com terceiro e se constrói à parte.

Os números da demonstração são decorativos. Nome, mês e valores existem para mostrar a tela. Enquanto não houver banco de dados, o app parece funcionar, mas lembra apenas o que um navegador lembra.

Lógica financeira séria chega por edições, não por um prompt gigante. Despesa recorrente, saldo que atravessa o mês, teto por categoria com aviso: cada uma é uma conversa. Em produto complexo o Zugo não substitui um time de desenvolvimento, e mexer com dinheiro dos outros vira produto complexo rápido.

Nada disso é motivo para pular o modelo. É motivo para saber onde ele termina: como ferramenta pessoal e controle interno, ele cobre o serviço inteiro.

Por onde começar?

Abra a galeria de modelos, ache o Coinpath entre os aplicativos e rode a prévia. Como o clone é gratuito, passear pelas telas não custa nada, então faça isso antes de escrever a primeira edição. E gaste essa primeira edição no assunto, não nas cores, senão você paga duas vezes pelas duas coisas.

Depois avance em passos curtos: uma edição, uma olhada, uma decisão sobre o próximo movimento. O gasto de crédito continua legível assim, e o projeto não vai parar em um lugar de onde você precise arrastá-lo de volta.

Dá para pegar o modelo e começar a reescrever em zugo.dev. Os créditos gratuitos levam a uma primeira versão que já é reconhecidamente sua, e o projeto publicado ganha um endereço que você já pode mostrar para alguém.

← Todos os artigos