Docs Ecosistema y Conceptos Hub Studio & AppWebs

Hub Studio & AppWebs

Hub Studio crea aplicaciones web (AppWebs) en un único entorno: Canvas. Describes lo que necesitas al Copilot, ves el resultado en vivo e iteras hasta publicarlo. No hay otro modo de creación de webs en Hub.

¿Qué es una AppWeb?

Una AppWeb en Hub iAbot no es solo un diseño bonito o una plantilla estática; es una aplicación funcional completa, generada por inteligencia artificial, lista para escalar.

React & Estado

Árbol de componentes modular, enrutamiento real y gestión de estado interno.

Diseño Dinámico

Estilos modernos, assets multimedia y layouts responsivos generados con la app.

Contrato de Datos

Estructura SQL deducida automáticamente para persistir la información del usuario.

El Hub Studio: Canvas

Desde Mis AppWeb pulsas + Nueva AppWeb y se abre el Canvas: lienzo vivo con Welcome tipográfico y el chat del Copilot. Ahí construyes, revisas y publicas sin salir del workspace.

Canvas + Copilot

Creas e iteras por chat. El primer mensaje sustituye el Welcome y arranca la generación; los siguientes mensajes afinan la app en el mismo lienzo.

Ask · Plan · Agent

Ask investiga y define sin editar. Plan estructura un plan ejecutable. Agent aplica los cambios en el workspace vivo. El Copilot resume: “Ask define. Plan estructura. Agent aplica.”

Workspace vivo

Pestañas Preview, Código, Datos y Proceso para ver la app, el código, el contrato de datos y el progreso del agente en tiempo real. Guía del workspace →

Adjuntos e iteración

Con Adjuntar envías capturas o PDFs para guiar el diseño. También puedes dictar por voz. El ciclo es conversacional: pides → revisas en Preview → vuelves a pedir.

Base de Datos Determinista

A diferencia de los prototipadores tradicionales, Hub iAbot prepara tu aplicación para el mundo real desde el primer segundo.

Generación SQL y Supabase

El sistema analiza las vistas y formularios de tu AppWeb para extraer un "contrato de datos". Con esto, genera código SQL determinista y crea automáticamente un schema aislado y seguro en Supabase para tu aplicación. No necesitas crear tablas a mano ni gestionar cadenas de conexión; Hub orquesta la infraestructura de datos por ti.

Publicación y Producción

Cuando la preview del Canvas te convenza, el paso final es llevar la AppWeb al mundo real.

Publicar / Live

Al pulsar Publicar configuras la URL pública definitiva. Si ya está en producción, Live te permite abrirla o republicar cambios. En ese momento la aplicación queda productiva y enlazada a su base de datos Supabase.

Una vez en producción (o desde el propio Canvas), puedes usar Conectar Flow para dar voz omnicanal a tu AppWeb a través de WhatsApp o Telegram.
Aprende cómo Flow conecta con tu AppWeb