Dos IAs. Un constructor. Tu app full-stack, desde conversación.
Qira construye todo tu frontend mientras Vira construye tus workflows backend y tablas de base de datos - ambas desde lenguaje natural. Describe lo que necesitas y mira tu app cobrar vida, de punta a punta.
Conoce las dos mentes detrás de tu app
Qira y Vira trabajan lado a lado. Qira diseña y construye todo lo que tus usuarios ven. Vira conecta todo lo que corre tras bambalinas.
Qira
Constructora FrontendQira crea frontends completos para tus aplicaciones - páginas, componentes, layouts y estilos. Trabaja según tus instrucciones e itera contigo hasta que cada pantalla esté perfecta.
Vira
Arquitecta de WorkflowsVira construye tu backend completo - workflows completos y tablas de base de datos. Describe la lógica que necesitas y ella diseña los nodos, conexiones y el modelo de datos detrás.
Qira construye todo tu frontend.
El espacio de Qira se divide en dos: el Chat a la izquierda donde das instrucciones, y el Builder a la derecha donde tu app toma forma en vivo.
QiraDescribe la app que quieres construir.Describe tu app y cobra vida. Itera en el diseño sobre la marcha.
Para usar Qira, crea un proyecto Interface - Qira está disponible allí como tu constructora frontend.
Habla con Qira como con una colega.
El chat es donde das instrucciones a Qira. Desde solicitudes simples hasta la inicialización completa del proyecto - todo empieza aquí.
@ Menciona cualquier cosa
Referencia los recursos de tu proyecto directamente en el chat. Escribe @ y elige entre Archivos, Workflows, Claves Vault, Tablas de datos o My Data. Qira entiende el contexto y los usa en lo que construye.
Instrucciones del proyecto (carpeta .qira)
Inicializa Qira con un conjunto de instrucciones que sigue sin cuestionar durante todo el proyecto. Qira crea una carpeta .qira donde se almacenan estas reglas y las referencia en cada solicitud.
📁 .qira/
├── instructions.md
├── style-guide.md
└── rules.mdSubir archivos
Sube diseños, mockups, imágenes de referencia o documentos directamente en el chat. Qira los usa como contexto para lo que construye.
Memoria de contexto
Usa el símbolo % para controlar la memoria de contexto. Qira recuerda lo importante y olvida lo que no - tú decides qué permanece en el alcance.
Selector de modelo LLM
Elige qué IA impulsa a Qira. Cambia entre ChatGPT, Gemini, Claude Opus, Claude Sonnet, GLM, DeepSeek, MiMo y Kimi en cualquier momento.
Conversaciones recientes
Ve cada prompt enviado desde el inicio del proyecto. Regresa a cualquier conversación anterior para revisar contexto o continuar donde lo dejaste.
Tu app, en vivo. Control total.
La ventana principal muestra todo lo que Qira construye - previsualiza en vivo, edita el código, publica y gestiona versiones. Todo desde una sola barra de herramientas.
Haz clic en cualquier cosa. Cámbiala al instante.
La herramienta Select Element te permite seleccionar visualmente cualquier elemento en la página y modificarlo - mediante chat, código o el editor CSS integrado.
Selecciona un elemento
Haz clic en la herramienta Select Element en la barra, luego clic en cualquier elemento en la vista previa. Se resalta y se selecciona.
Aparece la barra tooltip
Una barra tooltip aparece en la parte inferior mostrando la referencia de código del elemento seleccionado, más dos botones de acción.
Edita visualmente o vía Qira
Un panel CSS se abre a la derecha con todas las propiedades de estilo - tamaño, espaciado, colores, tipografía, bordes, sombras. Edita cualquier cosa visualmente. O usa 'Adjuntar al Chat' para pedirle a Qira que lo cambie.
Acceso completo al código. Sin restricciones.
Edita archivos manualmente, busca en tu proyecto, sube imágenes y usa el menú contextual clic derecho para acciones rápidas.
Preguntar a Qira
Selecciona código, clic derecho y elige 'Preguntar a Qira' - Qira modifica el código seleccionado según tu instrucción.
Edición manual
Abre cualquier archivo y edítalo directamente. Editor completo con resaltado de sintaxis y todos los atajos estándar.
Buscar en todos los archivos
Una barra de búsqueda junto al título Files te permite buscar en cada archivo de tu proyecto al instante.
Subir imágenes
El botón de subida en Code View (junto al título Files) te permite subir imágenes que van directamente a la carpeta assets.
Paleta de comandos
Accede a la paleta completa de comandos desde el menú clic derecho para acciones avanzadas y navegación rápida.
Cambiar todas las ocurrencias
Clic derecho en cualquier texto seleccionado y elige 'Cambiar todas las ocurrencias' para renombrar en bloque en todo el archivo.
Dominios, temas y deploy.
Configura el despliegue de tu app, conecta dominios personalizados y gestiona temas - todo desde el panel de configuración.
Dominio personalizado y subdominios
Conecta tu propio dominio o crea subdominios ilimitados directamente desde Ubex. Configura tu dominio en Settings (barra lateral izquierda, encima de tu perfil), agrega registros CNAME y TXT en tu proveedor de dominio, verifica y despliega.
Deploy
Deploy con un clic a tu dominio o subdominio configurado. Tu app va en vivo al instante con SSL incluido.
Temas
Usa uno de los temas integrados de Ubex o crea el tuyo propio. Con temas, todos los colores se actualizan automáticamente en cada elemento - cambia una vez, actualiza en todos lados.
Vira construye tu backend y base de datos.
Misma interfaz, diferente superpoder. Chatea con Vira a la izquierda y mira cómo ensambla workflows completos y tablas de datos en el lienzo a la derecha.
Vira¿Qué construimos hoy?Primero chatea, luego construye. Explora ideas e itera a medida que descubres necesidades.
IDEAL PARA:Describe
Dile a Vira qué lógica backend necesitas - desde el chat de interfaz o un proyecto dedicado.
Vira construye
Vira crea workflows, tablas de datos, conexiones - todo conectado automáticamente.
Verifica
Inspecciona el workflow, revisa la lógica, confirma que todo está correcto.
Despliega
Guarda el endpoint y úsalo. Dáselo a Qira en el chat frontend - lo conecta por ti.
Puedes decirle a Qira directamente desde el chat de Interface que Vira también cree el workflow backend. Juntas crean tablas, endpoints, conexiones - todo lo necesario para que la funcionalidad trabaje de punta a punta.
Cómo acceder a Vira y Qira
Crea un nuevo proyecto Interface
Qira y Vira están listas en el panel de chat
Empieza a describir lo que necesitas
Empieza a construir con Vira y Qira
Describe lo que necesitas. Qira construye el frontend, Vira construye el backend - y todo se despliega junto.
Sin tarjeta de crédito · Plan gratuito incluidoHola 👋
¿Cómo podemos ayudarte hoy?