SOLVENT: concepto de panel de flujo de caja y simulador de escenarios para una pyme

VITON¹³ crea productos conceptuales para mostrar cómo aborda el software para empresas, no solo las webs. SOLVENT es la herramienta financiera de la serie: un panel de flujo de caja y un simulador de escenarios para dueños de pequeñas empresas, mostrado con Kite & Co., un estudio inventado de diseño e imprenta con 14 personas, diez clientes con nombre, catorce suscripciones de software y un local alquilado. La empresa, sus clientes, sus proveedores y todas las cifras son inventados, y el producto lo dice en cada pantalla, igual que dice que no es asesoría financiera.

El reto que nos pusimos tenía dos partes. Responder en una sola pantalla a las tres preguntas que se hace un dueño antes de pagar las nóminas (cuánto dinero hay, para cuánto tiempo alcanza y qué pasa si contratamos, subimos precios o perdemos al cliente más grande), con la definición de cada cifra en la propia página. Y hacer que probar una decisión salga barato: cambias algo, ves moverse al instante los próximos 18 meses y ves exactamente qué parte de la diferencia corresponde a cada cambio.

El panel abre con la caja de hoy ($148,210, el saldo de cierre de la cuenta operativa), la autonomía (14,8 meses: el tiempo hasta que el saldo previsto al cierre del día baje de cero por primera vez) y el flujo neto del mes. Un único gráfico reúne 12 meses de saldo real y 18 de previsión: el saldo diario, una curva de fin de mes, una banda del 80 % sacada del propio error del modelo en meses pasados, el colchón de caja, la línea de cero, un rayado donde la caja queda por debajo del colchón, el punto más bajo y el día en que se acabaría el dinero. Debajo están los próximos 30 días como una franja de entradas y salidas, los mayores pagos en cada sentido, alertas calculadas a partir de la previsión, el peso de cada cliente en los ingresos y un breve glosario.

El simulador tiene ocho palancas (contratar, subir precios, perder al cliente más grande, ganar una nueva iguala, mudarse a una oficina mayor, clientes que pagan más tarde, recortar software o cancelar suscripciones y pedir un préstamo), cada una con sus ajustes y su mes de inicio, y nueve escenarios predefinidos. Cada cambio recalcula la previsión al momento: las cuatro cifras clave ruedan hasta su nuevo valor, la curva se transforma mientras la línea base queda como una sombra discontinua y una cascada muestra cuánto suma o resta cada palanca a la caja al final del horizonte. Los escenarios se guardan, se renombran y se recuperan, el colchón se puede editar y Comparar superpone dos escenarios cualesquiera con una tabla de diferencias y una conclusión de una línea. En el móvil, las palancas viven en una hoja inferior.

Alrededor del simulador está el resto de una herramienta financiera. Facturas muestra las cuentas por cobrar por antigüedad, los días que se tarda en cobrar y filtros; Reclamar redacta un recordatorio a partir de plantillas, el tono elegido y los hábitos de pago del cliente, y Marcar como pagada mueve la caja, la autonomía y el mínimo a 30 días en toda la app, con opción de deshacer. Gastos tiene un mapa de rectángulos, tendencias de 12 meses, anomalías como un gasto en software un 38 % mayor tras tres suscripciones nuevas, 90 días de movimientos clasificados por reglas con un grado de confianza y suscripciones con un interruptor «¿Y si cancelamos?» que alimenta el escenario. Resultados ofrece la cuenta mensual y una vista anual. Ask Solvent (/ o ⌘K) responde a 15 tipos de preguntas en inglés y ruso con el mismo motor y aplica el escenario con un clic. Exportar guarda el escenario como CSV y como PDF de una página.

La contabilidad de Kite & Co. se genera de forma determinista: cada mes natural tiene su propia semilla, así que los apuntes de un mes no cambian cuando se mueve el «hoy», y el saldo está anclado en $148,210 el 28 de septiembre de 2026. Dos años de historia reúnen facturas por cliente con el retraso habitual de cada uno, nóminas los días 10 y 25, alquiler, suscripciones, autónomos y costes de imprenta que siguen el volumen de trabajo, impuestos trimestrales, estacionalidad y crecimiento. La previsión sale de los mismos factores sin el ruido: las facturas abiertas llegan el día en que suele pagar cada cliente y cada palanca modifica eventos con fecha. Las palancas se atribuyen una tras otra, y por eso la cascada suma exactamente el escenario menos la línea base. Las pruebas del propio proyecto comprueban esa suma, la definición de autonomía, el arrastre de saldos, la identidad de cada palanca, el determinismo y las respuestas del asistente: 1.927 comprobaciones en total.

La app está hecha con módulos de JavaScript sin framework, empaquetados con esbuild en una carpeta estática con URL relativas; en el portafolio vive en /demos/solvent/. Los gráficos son SVG propios, la exportación CSV es propia (UTF-8 con marca de orden de bytes y, en ruso, punto y coma y coma decimal, para que la hoja de cálculo la abra sin problemas) y el PDF se dibuja en un canvas y lo empaqueta un escritor mínimo de PDF 1.4 que escribimos nosotros: ninguna librería de gráficos, de interfaz ni de PDF. El diseño es un periódico financiero sobre papel cálido, con Noto Serif Display en los titulares, Inter Tight en el texto y JetBrains Mono en las cifras, todas alojadas en el propio servidor, y una edición nocturna. La interfaz está en inglés y ruso, muestra dólares o rublos a un tipo fijo de demostración de 90 por dólar, abre con una intro de hasta tres segundos que se puede saltar y calma el movimiento para quien pide menos animación.

Hoy existe un concepto que funciona en tarasovvitalii.com/demos/solvent/, con seis secciones (panel, escenarios, comparación, facturas, gastos y resultados), además de Ask Solvent y las exportaciones, construido el 28 de septiembre de 2026. Ese día sus pruebas superaron las 1.927 comprobaciones. En Chrome headless abrimos cada sección en inglés a 1440 px y en ruso en un móvil de 390 px, aplicamos un escenario predefinido, marcamos una factura como pagada (la caja de la cabecera pasó de $148,210 a $151,500), hicimos una pregunta y descargamos el CSV y el PDF, bajo la política de seguridad de contenido de producción del portafolio: ningún error en la consola, ninguna infracción de la política, ningún scroll lateral y ninguna petición a otro servidor.

Todo el JavaScript son 11 archivos y 220 KB, o 72 KB con gzip; la carpeta completa con sus fuentes pesa 0,65 MB. En la dirección publicada, Lighthouse 13.5 (cinco pasadas por dispositivo, medianas, en un MacBook con una carga media de 3 a 9) dio un rendimiento de 81 en móvil y de 98 en ordenador, con accesibilidad y buenas prácticas en 100 en ambos, y la página transfiere 0,47 MB al cargar. Antes de medir corregimos tres cosas en la app: un pie de página que saltaba al cargar, un gráfico y un botón sin nombre accesible, y unos interruptores de menos de 24 px en el móvil.

SOLVENT es un concepto que VITON¹³ creó para mostrar alcance, no un producto encargado. Kite & Co., sus clientes, proveedores, empleados y todas las cifras son ficticios y se generan en el navegador: no hay cliente, ni usuarios, ni conexión bancaria, ni tráfico, ni ingresos, y nada de la demo está a la venta. No es asesoría financiera: la previsión es un modelo sencillo que supone una demanda plana más allá de la estacionalidad y que no se pierde ningún cliente al subir precios, y su banda del 80 % describe el propio error del modelo sobre datos inventados.

Ask Solvent y los borradores de recordatorio son IA de demostración: reglas y estadística en el navegador, no un modelo de lenguaje, y ningún recordatorio se envía. Las 1.927 comprobaciones demuestran que las cuentas cuadran con sus propias definiciones, no que la previsión fuera a acertar con una empresa real. Cada cifra es una medición de laboratorio en Chrome headless, en una sola máquina y un solo día, y Lighthouse se ejecutó sobre la dirección publicada con un móvil simulado, no en dispositivos reales. Una versión real aún necesitaría conexión bancaria, integración con la contabilidad, cuentas y roles, almacenamiento cifrado y la revisión de profesionales de finanzas.

Cómo revisar el portafolio de un estudio web →