Asiento
Paneles de control · Copiloto IA.

Cómo se construyó Asiento

Demo de centro de mando contable con asistente conversacional flotante: estado de resultados semestral (ingresos, COGS, beneficio y gastos semana a semana), tarjeta de insights con comparativas antes/después y previsiones de presupuesto y ventas con su marcador de semana actual. El asistente es una simulación sin backend: entiende la pregunta por palabras clave, calcula el margen bruto con las cifras reales del estado del panel, localiza el mes en que el COGS golpeó al margen y fija ahí el gráfico, gira la tarjeta de insights hacia la palanca de cobros o programa el informe semanal con aviso en la campana. Todo corre en el navegador, con datos seedeados y un pulso en vivo.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si os interesa algo parecido para vuestro producto, hablamos.

Qué demuestra

1. 01Estado de resultados semestral: 32 semanas con ticks de ingresos, COGS, beneficio y gastos sobre una retícula de hairlines
2. 02Tooltip vivo anclado a la semana actual — y el asistente puede fijarlo en otra semana para explicar un cambio
3. 03Copiloto conversacional simulado: enrutado por palabras clave y respuestas calculadas con las cifras reales del estado
4. 04El asistente actúa sobre el panel: resalta tarjetas, fija el gráfico en el mes del salto de COGS, gira los insights o programa informes
5. 05Mini-gráficos de barras dentro de las respuestas (ingresos/COGS/margen), animados al entrar
6. 06Tarjeta de insights con comparativas antes/después navegables con flechas
7. 07Previsiones de presupuesto y ventas con marcador de semana actual y cifra en vivo
8. 08Panel flotante en cristal (backdrop-filter) sobre un degradado arcoíris tipo aurora
9. 09«Regenerar» reseedea el semestre completo; RNG determinista (mulberry32): misma semilla, mismos datos
10. 10Todo simulado en cliente: sin backend, sin dependencias npm