Saltar al contenido principal

Live Apps

Crea una live app

Qué es una live app y cómo construir una describiéndola, aprobando sus datos, eligiendo un estilo y guardándola.

Piensa en una live app como una pantalla de pared para tu negocio que se construye sola. Describes lo que quieres ver — "cómo van las ventas", "qué hicieron mis agentes esta semana" — y la IA construye una app real, en la que puedes hacer clic, sobre tus propios datos. Después se mantiene al día sola: cada número se vuelve a calcular desde la fuente cada vez que la abres o la actualizas.

Panel de ingresosVENTAS · LIVELIVEActualizado hace 3 min7d30d90d
Este mes
Los ingresos van por delante del mes pasado
Cada número de aquí abajo se recalcula cuando esta app se actualiza.
Ingresos$41.8k+12%
Pedidos318+8%
Ticket promedio$131+3%
Ingresos por semana
Cuánto vendiste cada semana, lo más reciente a la derecha.
  • Northwind TradersPagado · hace 2 h$3,200
  • Acme SuppliesPendiente · hace 5 h$1,840
Shopify · Bases de datos de Nirvai

Un reporte es una fotografía — cierta el día que se sacó. Una live app es una ventana. Nada en ella se escribe ni se pega a mano; cada valor se trae del lugar donde realmente vive: tu trabajo en Nirvai, tus servicios conectados y tus propias bases de datos, mezclados en una sola vista.

Una buena primera petición

"Constrúyeme una app que muestre qué hicieron mis agentes esta semana — conversaciones por canal, qué automatizaciones se ejecutaron y cuánto costó todo en créditos." Todo lo que hay en esa frase ya está en tu cuenta.

¿Live App o Aplicación de Chat?​

Las dos las construye la IA, y resuelven problemas distintos.

Live AppAplicación de Chat
Dónde viveEn su propia sección Live Apps, guardada para siempreJunto a una conversación de chat
DatosSe vuelven a traer de tus herramientas en cada actualizaciónLos datos de esa conversación
Ideal paraAlgo que vas a volver a abrir la próxima semanaUna respuesta puntual que quieres recorrer
Para compartirCon tu organizaciónUn enlace público

Cómo se construye​

Construir una es como darle instrucciones a un diseñador que ya tiene las llaves de tu archivador. Le dices qué quieres ver; va y mira lo que realmente tienes, vuelve con un plan, te muestra tres estilos y solo entonces la construye. Tú apruebas en cada paso, y nada se guarda hasta que lo dices.

Antes de empezar​

  • Mientras más uses Nirvai — agentes, bases de datos, automatizaciones — más hay sobre lo cual construir. No necesitas nada conectado para construir sobre tus propios datos de Nirvai.
  • Para traer un servicio externo (una tienda, una cuenta de anuncios, un CRM), primero necesitas una conexión guardada. Consulta Credenciales.

Paso 1 — Descríbela​

Ve a Live Apps en la barra lateral y haz clic en Crear con IA. Escribe lo que quieres en palabras simples:

"Una app que muestre mis ventas de Shopify de este mes, los productos más vendidos y cuál de mis agentes cerró más conversaciones."

Di lo que quieres saber, no cómo acomodarlo — el estilo viene después. Si prefieres no empezar de cero, tienes tres ideas iniciales a un clic (un panel de ventas, un monitor de operaciones, una galería de contenido), o puedes empezar con una plantilla.

Paso 2 — Aprueba el plan​

La IA revisa lo que tienes y vuelve con Propuesta lista. Haz clic en Revisar fuentes y verás exactamente qué datos piensa usar, agrupados por tipo, con una explicación de una línea de la app que tiene en mente.

App propuestaVentas y desempeño de agentesLos ingresos y pedidos de este mes de tu tienda, junto a cómo están manejando las conversaciones tus agentes.
  • ShopifyPedidos, productos e ingresos de tu tiendaHerramienta conectada
  • ClientesTu propia tabla de cuentas y sus responsablesBase de datos
  • Conversaciones de agentesConversaciones que tuvieron tus agentes, por canalDatos de Nirvai
  • Meta AdsGasto en anuncios para comparar con los ingresosAgregar credencial Meta Ads
Puedes construir con lo que tienes o configurar primero las fuentes que faltan.Volver al chatSe ve bien — constrúyela

Todo lo que no hayas conectado aparece como una fila Por configurar con un botón que te lleva a resolverlo. No es obligatorio: Construir con lo que tengo lo omite, y puedes agregarlo después.

Este es el paso que vale la pena leer

Las fuentes que apruebas aquí son los únicos datos que la app va a tocar. Es la lista de permisos de la app — así que revísala y luego apruébala.

Paso 3 — Elige un estilo​

Después llega Estilo listo. La IA diseña tres direcciones distintas para tu app — no tres tonos de lo mismo, sino tres personalidades genuinamente diferentes, cada una con sus colores, tipografías y formas. Si tienes una marca, usa tu logo y tus colores reales.

Estilo propuestoElige un estilo para construir — o vuelve al chat para ajustar los colores, las fuentes o el logo.
Modern SaaSElegido
Limpio y familiar, en el verde de tu marca.
Consola
Denso y técnico, para ver moverse los números.
Editorial
Tranquilo y de revista, para leer y compartir.
Usar "Modern SaaS"

Puedes elegir uno o simplemente decir qué preferirías — "el tranquilo, pero en nuestro azul" — y lo rediseña. El estilo es solo la piel: cambiarlo después nunca toca tus datos.

Paso 4 — Vista previa y guardar​

La IA escribe la app, la ejecuta contra tus datos reales (nunca un ejemplo inventado) y la prueba — en ancho de computadora y de teléfono, y con datos vacíos y con errores — antes de mostrarte nada. Cuando pasa las pruebas, recibes Live App lista con una Vista previa funcionando.

Recórrela. Cuando estés conforme, presiona Guardar Live App y se convierte en una app permanente con su propia página.

Nada se guarda hasta que haces clic en Guardar

Mientras construyes, la app vive en el generador como un borrador. Encontrarás los borradores sin guardar en En progreso dentro de la página de Live Apps, y puedes retomarlos donde los dejaste — o descartarlos.

Cambiarla después​

Abre la app y haz clic en Editar con IA. Puedes pedir lo que sea en palabras — pero la forma más rápida es señalar lo que está mal.

Activa Ajustar en la vista previa y luego haz clic en cualquier parte de la app. Cada elemento que marcas queda anclado con una caja de nota. Escribe qué debería cambiar; la app envía todas tus notas juntas como una sola instrucción, así hace todos los cambios de una pasada en vez de uno por uno.

AjustesHaz clic en cualquier parte de la app para agregar un cambio.
  • 1KPIResumen de ingresos“$42.6k”
    panel › kpi-rail › kpi-v
    Muestra el mes pasado abajo para poder comparar.
  • 2GráficoIngresos por semana“Ingresos por semana”
    panel › chart
    Hazlo mensual en vez de semanal.
  • 3TablaPedidos recientes“Northwind Traders”
    panel › table › row
    ¿Qué debería cambiar aquí? (obligatorio)
2 de 3 comentadosAgrega un comentario a cada elementoEnviar ajustes (3)

Cada elemento marcado necesita un comentario antes de poder enviarlo — es a propósito, porque un elemento sin nota no le dice nada a la IA.

Solución de problemas​

Qué vesQué significaQué hacer
Una fuente aparece como Por configurarLa app quiere un servicio que no has conectadoAgrega la conexión, o construye sin ella y agrégala después
La IA te hace una pregunta a mitad de caminoNecesita un detalle que no puede adivinar (qué tienda, qué periodo)Respóndela — puedes volver a abrir tu respuesta con Responder de nuevo
Sigue construyendo después de varios minutosEstá probando contra tus datos reales, lo que toma tiempo en cuentas grandesDéjala terminar; puedes salir y retomarla desde En progreso
La vista previa muestra un errorUn paso de datos falló al renderizarUsa Arreglar con IA — reabre el generador con el error ya explicado
Quieres empezar de nuevoReiniciar borra los borradores y mensajes de la sesión. Las apps que ya guardaste se mantienen

Qué sigue​