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 38 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 600 créditos, e se a versão um não servir, a versão dois custa 600 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 300 Texto, categorias, quais blocos ficam
Reconstrução completa 600 Quando refazer sai melhor que corrigir
Plataforma multipágina, três primeiras páginas 1.200 Se o Coinpath crescer em seções
Cada página além das três primeiras 300 Uma seção a mais da plataforma
Edição no modo Hi-Fi 600 O modo custa o dobro
Construção no modo Hi-Fi 1.200 Mesma proporção

O plano gratuito dá 2.400 créditos, o que cobre o clone e uma edição. O Pro custa $25 por mês com 20.000 créditos, algo como 66 edições ou 33 construções. O Business custa $50 por mês com 20.000 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