Plantilla Coinpath: presupuesto personal listo para editar

Coinpath es una de las 25 plantillas de Zugo: una app de presupuesto personal con tres páginas reales, la promocional, el inicio de sesión y el panel con transacciones y categorías. Clonarla a tu proyecto no gasta créditos, y a partir de ahí la editas escribiendo frases en el chat.

Abajo está lo que trae exactamente, qué cambios aguanta sin romperse, qué hay que conectar aparte y dónde termina de verdad su alcance.

¿Qué hay dentro de la plantilla Coinpath?

Coinpath pertenece a la categoría de aplicaciones, no a la de landings, así que tiene estado y no solo texto. El archivo contiene tres páginas entre las que navega el propio proyecto, y esa estructura de tres pantallas es común a todas las plantillas de Zugo que no son juegos.

El panel trae un filtro de transacciones con tres estados: todas, entradas y salidas. Las categorías del demo son domésticas: vivienda, comida, restaurantes, transporte, suministros, salud, ocio, nómina y trabajo por cuenta propia. También hay estado vacío, y eso importa más de lo que parece, porque el estado vacío es lo primero que ve alguien nuevo.

La página promocional está construida alrededor de una sola promesa en lugar de una lista de funciones. Ese armazón se traslada bien a problemas vecinos, porque lo que cambias es el sentido de los bloques y no su cantidad.

¿Para quién funciona Coinpath?

Sobre todo para quien hace un control financiero personal: presupuesto mensual, seguimiento de gastos, ahorro para un objetivo, revisión de suscripciones. La estructura de saldo arriba, lista de movimientos abajo y desglose por categoría al lado sirve igual para todos esos casos.

El segundo escenario es la herramienta interna de un equipo pequeño: gastos por proyecto, límites de un departamento, conciliación de dietas. Las pantallas son las mismas y lo que cambia son las etiquetas y de quién son los datos que se muestran.

El tercero es menos evidente. Coinpath funciona como armazón para cualquier app con un total numérico y una lista de eventos: calorías, kilómetros, horas por proyecto. La mecánica es idéntica y solo cambia la unidad. Si tu caso se parece más a marcar hecho o no hecho, mira la plantilla Continuum, que va de hábitos y rachas.

Donde no encaja es en contabilidad con asientos, obligaciones fiscales y permisos multiusuario. Eso es otra clase de producto, y la plantilla no se estira hasta ahí sin una reescritura profunda.

¿En qué se diferencia de construir desde cero?

La diferencia no está en la calidad del resultado, sino en el punto de partida. Un prompt en blanco te da un proyecto pensado a partir de tu descripción. La plantilla te da un proyecto pensado de antemano, pero lo ves entero antes de gastar el primer crédito.

En la práctica eso cambia dos cosas. La primera es que desaparece el riesgo de fallar con la estructura. En Coinpath ya está decidido que el saldo del mes va encima de la lista y el desglose por categoría después, y esa decisión se puede abrir y trastear en lugar de imaginarla.

La segunda es el coste del primer intento. Una construcción desde cero cuesta 6 créditos, y si la primera versión no da en el clavo, el segundo intento cuesta otros 6. El clon no cuesta créditos, así que equivocarse al elegir es gratis: no encaja, pruebas otra plantilla.

También hay contrapartida. Si tu caso se aleja mucho de ingresos y gastos, adaptar sale más caro que describir desde cero, porque pagas por quitar decisiones ajenas además de por añadir las tuyas. Regla simple: si tras tres ediciones sigues arrancando la idea original, empieza de nuevo.

¿Cómo la adaptas a tu caso?

Funciona el orden habitual de las ediciones en el chat: una frase, un objetivo claro. En pasos pequeños sale más rápido y más barato que con un prompt enorme.

1. Cambia el dominio entero: "renómbralo a Kilometro, en vez de dinero cuenta kilómetros, y sustituye las categorías por correr, bici y caminar". Una edición toca la promocional y el panel a la vez.
2. Ajusta categorías y moneda: "deja cuatro categorías, alquiler, comida, transporte y otros, moneda en dólares". Las categorías son lo que antes se separa de la realidad de cada usuario.
3. Quita lo que sobra: "elimina la comparativa mensual y en su lugar muestra los cinco gastos más grandes". La plantilla no impide tirar secciones.
4. Trabaja el estado vacío: "cuando no haya transacciones, enseña una pista con el ejemplo del primer registro". Es una edición barata con efecto grande en la primera impresión.
5. Publica en tu dirección tipo tu-slug.zugo.run y ábrelo en el móvil. Las pantallas de dinero se consultan casi siempre desde el teléfono.

Revisa después de cada edición y no en bloque al final. Antes de entregarte nada, cada construcción se arranca en un entorno aislado, así que una versión que no abre se reporta como fallo en lugar de llegarte rota.

¿Cuántos créditos cuesta la adaptación?

Clonar la plantilla no consume créditos: la página se copia a tu proyecto sin llamar al modelo. Empiezas a pagar en la primera edición.

El plan Free da 5 créditos, suficiente para el clon y una edición. Pro cuesta $25 al mes con 200 créditos y Business cuesta $99 al mes. Para calcular: dejar una plantilla con tu cara suele llevar entre cinco y quince ediciones, o sea entre 15 y 45 créditos.

¿Qué hay que conectar para que el presupuesto sea real?

La plantilla es una interfaz con datos de demostración y contadores a cero. Para que los registros vivan entre dispositivos y pertenezcan a un usuario concreto hacen falta base de datos e inicio de sesión.

Supabase cubre las dos cosas: tablas para las transacciones, acceso por correo y almacenamiento de archivos si algún día quieres adjuntar tickets. Pídelo en una edición aparte: "conecta Supabase, guarda las transacciones en una tabla y muestra solo los registros del usuario actual". Esa última parte es la más importante de la frase.

Después, según haga falta: Stripe si la app es de pago y necesita suscripción, Resend si una vez al mes sale un correo con el resumen, Google Analytics si quieres saber hasta qué pantalla llegan los nuevos. GitHub sirve para llevarte el código: la exportación entrega un repositorio real y el proyecto es tuyo.

El orden importa. Primero base de datos y acceso, después todo lo demás. Al revés suele significar que la analítica mide comportamiento sobre datos que van a desaparecer. Cómo funciona esa parte con más detalle está en construir una app de base de datos con IA.

¿Qué no hace Coinpath?

Tres límites honestos que conviene saber antes de empezar.

Primero, no hay conexión bancaria. Las transacciones se introducen a mano, y la frase de la promocional sobre no pedir acceso al banco describe el demo, no una función escondida. Importar extractos automáticamente es una integración con un proveedor externo y se construye aparte.

Segundo, los datos del demo son decorativos. El nombre, el mes y los importes están puestos para enseñar la pantalla. Mientras no haya base de datos, la app parece funcionar pero no recuerda nada de verdad.

Tercero, la lógica financiera seria se afina con ediciones y no con un prompt gigante. Pagos recurrentes, arrastre de saldo entre meses, límites por categoría con avisos: cada una es una conversación aparte. Zugo no sustituye a un equipo de desarrollo en un producto complejo, y llevar dinero ajeno se convierte rápido en un producto complejo.

Eso no es motivo para descartar la plantilla, sino para saber dónde acaba: la herramienta personal y el control interno los cubre enteros.

Por dónde empezar

Abre la galería de plantillas, busca Coinpath en la categoría de aplicaciones y lanza la vista previa. Como el clon no cuesta créditos, mirar cómo se comportan las pantallas no cuesta nada. Que tu primera edición vaya sobre el dominio y no sobre los colores, o tendrás que repetir las dos.

Después avanza en pasos cortos: una edición, un vistazo, una decisión sobre el siguiente paso. Así el gasto de créditos sigue siendo comprensible y el proyecto no se va hacia un sitio del que haya que traerlo de vuelta.

Si tu caso es más amplio que el control de gastos personales, el recorrido completo está en cómo construir una app de gastos con IA.

Coger la plantilla y adaptarla se hace en zugo.dev: con los créditos iniciales llegas a tu primera versión propia y decides si merece la pena seguir. No hace falta tarjeta, y el proyecto publicado recibe una dirección que ya puedes enseñar.