-
-
Chat A2UI
Futuro+
Tu retiro cambia. Tu interfaz también.
Inspiración
Nos inspiró ver que las necesidades de retiro cambian según la etapa de vida. Una persona de 23 años tiene preguntas muy diferentes a alguien próximo a jubilarse o que ya recibe una pensión.
Por eso creamos Futuro+, una herramienta donde el usuario simplemente hace una pregunta y la interfaz se adapta a sus necesidades.
Qué aprendimos
Aprendimos cómo combinar IA, LLMs, MCP y generación dinámica de interfaces para crear una experiencia financiera personalizada, donde la IA no solo responde, sino que también decide qué información y herramientas necesita el usuario.
Cómo lo construimos
Desarrollamos un agente de IA que interpreta preguntas sobre retiro, utiliza herramientas MCP para realizar cálculos y genera interfaces con componentes como gráficas, comparaciones, sliders y recomendaciones.
Utilizamos React/Next.js, LLM, MCP y A2UI, trabajando con datos sintéticos para demostrar el flujo completo.
Retos
Uno de nuestros principales retos fue definir cómo la IA debía decidir qué cálculos y componentes mostrar para cada usuario, manteniendo el MVP simple pero funcional.
El objetivo fue demostrar el ciclo:
Pregunta → Interpretación → Cálculo → Interfaz → Interacción → Acción
1. Idea General
Futuro+ es una herramienta de apoyo para el retiro que adapta la experiencia y la interfaz según las necesidades de cada persona y su etapa de vida.
El usuario comienza escribiendo una pregunta relacionada con su retiro o pensión. A partir de esa pregunta, un agente de IA:
- Detecta la intención del usuario.
- Identifica los datos que necesita.
- Consulta información y realiza los cálculos necesarios.
- Genera una interfaz personalizada.
- Permite al usuario interactuar con los resultados.
- Puede ejecutar acciones dentro del sistema.
La interfaz puede incluir gráficas, comparaciones, sliders, tarjetas, botones de acción y resúmenes, dependiendo de lo que el usuario necesite.
Una persona de 22 años no necesita ver lo mismo que una persona de 65. Futuro+ adapta la experiencia a cada momento de vida.
2. Problema que buscamos atender
Planear el retiro puede ser confuso porque existen muchos factores que considerar:
- Edad
- Ingreso
- Ahorro actual
- Aportaciones
- Tiempo restante
- Gastos esperados
- Metas personales
Muchas personas posponen la planeación de su retiro porque no saben por dónde empezar o porque la información financiera puede ser difícil de entender.
También existe el problema contrario: personas que están cerca del retiro o que ya están pensionadas necesitan saber cuánto pueden gastar, cuánto tiempo podrían durar sus ahorros y qué cambios pueden hacer para tener mayor estabilidad.
Futuro+ busca hacer estas decisiones más fáciles de entender mediante una interfaz que se genera de acuerdo con la pregunta y el contexto de cada usuario.
3. Usuarios principales
Jóvenes que comienzan a ahorrar
Personas que están entrando al mundo laboral y quieren saber:
- Cuánto deberían ahorrar.
- Cuánto podrían acumular.
- Qué tan pronto conviene comenzar.
Personas que ya tienen un plan de retiro
Usuarios que ya cuentan con ahorros y quieren saber:
- Si van por buen camino.
- Cuánto les falta para alcanzar su meta.
- Qué deberían cambiar para cumplir sus objetivos.
Personas pensionadas
Usuarios que ya reciben una pensión o viven de sus ahorros y quieren:
- Organizar mejor su dinero.
- Saber cuánto pueden gastar.
- Hacer que sus ahorros duren más tiempo.
4. Funciones del MVP
El MVP de Futuro+ incluye:
- Recibir preguntas abiertas relacionadas con retiro o pensión.
- Detectar la intención principal de la consulta.
- Obtener datos básicos como edad, ingreso, ahorro actual, aportación mensual y edad objetivo de retiro.
- Calcular una proyección básica de ahorro para el retiro.
- Comparar diferentes escenarios.
- Generar una interfaz diferente dependiendo del caso.
- Permitir al usuario interactuar con los componentes generados.
- Ejecutar al menos una acción, como guardar o programar una aportación mensual dentro del sistema de prueba.
5. Flujos que queremos demostrar
Flujo A — Usuario joven
Ejemplo:
"Tengo 23 años, gano $20,000 al mes y quiero empezar a ahorrar para mi retiro."
La interfaz puede mostrar:
- Proyección de ahorro.
- Meta estimada.
- Aportación mensual.
- Diferentes escenarios.
- Un slider para modificar la aportación.
El usuario puede mover el slider y observar cómo cambia su proyección.
Flujo B — Usuario de mediana edad
Ejemplo:
"Tengo 45 años, llevo $900,000 ahorrados. ¿Voy bien para retirarme a los 60?"
La interfaz se enfoca en el diagnóstico:
- Ahorro actual.
- Meta de retiro.
- Diferencia entre ambos.
- Aportación necesaria.
- Opciones para alcanzar el objetivo.
También puede comparar diferentes edades de retiro, como 60, 62 o 65 años.
Flujo C — Persona pensionada
Ejemplo:
"Ya estoy pensionado, recibo $18,000 al mes y quiero saber cuánto puedo gastar sin acabarme mis ahorros muy rápido."
La interfaz cambia para mostrar:
- Ingresos.
- Gastos.
- Patrimonio.
- Duración estimada de los ahorros.
El usuario puede probar diferentes niveles de gasto y observar su impacto a lo largo del tiempo.
6. Flujo accionable
Para demostrar que Futuro+ no solamente informa, sino que también permite actuar, el MVP incluye una acción completa:
Programar una aportación mensual
Por ejemplo:
- El usuario prueba diferentes escenarios.
- Decide aportar $2,000 al mes.
- Confirma la aportación.
- El sistema registra el cambio.
- Se vuelve a calcular la proyección.
- La interfaz se actualiza con el nuevo escenario.
Esto permite demostrar el ciclo completo:
Pregunta → Interpretación → Cálculo → Generación de interfaz → Interacción → Acción → Actualización
7. Componentes de interfaz
Futuro+ utiliza una biblioteca de componentes reutilizables que el agente puede seleccionar dependiendo de la intención detectada.
Log in or sign up for Devpost to join the conversation.