Vira AIQira AI

Două AI-uri. Un constructor. Aplicația ta full-stack, din conversație.

Qira construiește tot frontend-ul tău, în timp ce Vira construiește workflow-urile backend și tabelele de bază de date - ambele din limbaj natural. Descrie ce ai nevoie și vezi aplicația prinzând viață, end to end.

Frontend de la Qira Backend de la Vira Tabele de date Deploy cu un click

Descoperă cele două minți din spatele aplicației tale

Qira și Vira lucrează cot la cot. Qira proiectează și construiește tot ce văd utilizatorii. Vira conectează tot ce rulează în culise.

Qira

Qira

Constructor Frontend

Qira creează frontend-uri complete pentru aplicațiile tale - pagini, componente, layout-uri și stilizare. Lucrează după instrucțiunile tale și iterează cu tine până când fiecare ecran este exact cum trebuie.

Previzualizare live a fiecărei modificări
Acces complet și editare cod
Publicare și deploy cu un click
Vira

Vira

Arhitect de Workflow-uri

Vira construiește backend-ul tău complet - workflow-uri complete și tabele de bază de date. Descrie logica de care ai nevoie și ea proiectează nodurile, conexiunile și modelul de date din spate.

Workflow-uri end-to-end
Tabele de bază de date și schemă
Endpoint-uri REST și conexiuni

Qira construiește tot frontend-ul tău.

Spațiul de lucru al Qirei este împărțit în două: Chat-ul din stânga unde dai instrucțiuni, și Builder-ul din dreapta unde aplicația ta prinde formă live.

QiraQiraDescrie aplicația pe care vrei să o construiești.
Build

Descrie aplicația ta și prinde viață. Iterează pe design pe parcurs.

Construiește dintr-o descriere
Construiește pagini și componente
Iterează pe design și layout
Construiește un landing pageCreează un dashboardAdaugă autentificare
Ce ai vrea să construiești astăzi?
Preview
Code
app-myproject.ubex.ai
Publish
1,284Users
€12.4kRevenue
94%Uptime

Pentru a folosi Qira, creează un proiect Interface - Qira este disponibilă acolo ca și constructor frontend.

Vorbește cu Qira ca și cu o colegă.

Chat-ul este locul unde dai instrucțiuni Qirei. De la cereri simple la inițializarea completă a proiectului - totul începe aici.

@ Menționează orice

Referențiază resursele proiectului direct în chat. Scrie @ și alege din Fișiere, Workflow-uri, Chei Vault, Tabele de date sau My Data. Qira înțelege contextul și le folosește în ce construiește.

FilesWorkflowsVault KeysDatabaseMy Data

Instrucțiuni proiect (folder .qira)

Inițializează Qira cu un set de instrucțiuni pe care le urmează fără întrebări pe toată durata proiectului. Qira creează un folder .qira unde aceste reguli sunt stocate și le referențiază la fiecare cerere.

📁 .qira/
  ├── instructions.md
  ├── style-guide.md
  └── rules.md

Încarcă fișiere

Încarcă design-uri, mockup-uri, imagini de referință sau documente direct în chat. Qira le folosește ca și context pentru ce construiește.

Memorie de context

Folosește simbolul % pentru a controla memoria de context. Qira ține minte ce contează și uită ce nu - tu decizi ce rămâne în scopul conversației.

Selector model LLM

Alege ce AI alimentează Qira. Comută între ChatGPT, Gemini, Claude Opus, Claude Sonnet, GLM, DeepSeek, MiMo și Kimi oricând.

Conversații recente

Vezi fiecare prompt trimis de la începutul proiectului. Revino la orice conversație anterioară pentru a revizui contextul sau a continua de unde ai rămas.

Aplicația ta, live. Control total.

Fereastra principală arată tot ce construiește Qira - previzualizează live, editează codul, publică și gestionează versiunile. Totul dintr-o singură bară de instrumente.

Preview
Code
Files
src
App.jsx
index.css
Dashboard.jsx
assets
logo.svg
hero.png
package.json
1import { useState } from'react';
2import { Card } from'./components';
3
4export functionDashboard() {
5  return (
6    <divclassName="dashboard">
7      <Cardtitle="Users" />
8    </div>

Previzualizare Live

Vezi exact ce construiește Qira în timp real. Previzualizarea se actualizează instant pe măsură ce se fac modificări.

Vizualizare Cod

Navighează structura completă de fișiere, deschide orice fișier și fă editări manuale. Codul tău, după regulile tale.

Comutator dispozitive

Comută între Desktop, iPad, iPhone 17/16/15, Samsung Galaxy S24, Xiaomi 14 și Generic Mobile pentru a vedea cum arată aplicația pe fiecare ecran.

Publică / Republică

Un click pentru a fi live. La republicare, un modal te întreabă ce ai schimbat - creând o intrare de versiune în istoric.

Istoric versiuni

Fiecare publicare creează o versiune. Revino la orice versiune anterioară. Fiecare versiune include descrierea scrisă la publicare.

Reîmprospătare

Reîmprospătează previzualizarea fără a reîncărca browserul. Resetare rapidă cu un click.

Click pe orice. Schimbă-l instant.

Instrumentul Select Element îți permite să selectezi vizual orice element de pe pagină și să-l modifici - prin chat, cod sau editorul CSS integrat.

1

Selectează un element

Click pe instrumentul Select Element din bară, apoi click pe orice element din previzualizare. Se evidențiază și se selectează.

2

Apare bara tooltip

O bară tooltip apare în partea de jos arătând referința de cod a elementului selectat, plus două butoane de acțiune.

Atașează la Chat
<div class="card-title">
Deschide în Cod
3

Editează vizual sau prin Qira

Un panou CSS se deschide în dreapta cu toate proprietățile de stil - dimensiune, spațiere, culori, tipografie, borduri, umbre. Editează orice vizual. Sau folosește 'Atașează la Chat' pentru a-i cere lui Qira să-l schimbe.

Dimensiune font16px
Culoare#ffffff
Padding12px 24px
Rază bordură8px

Acces complet la cod. Zero restricții.

Editează fișiere manual, caută în tot proiectul, încarcă imagini și folosește meniul contextual click-dreapta pentru acțiuni rapide.

Întreabă Qira

Selectează cod, click-dreapta și alege 'Întreabă Qira' - Qira modifică codul selectat pe baza instrucțiunii tale.

Editare manuală

Deschide orice fișier și editează-l direct. Editor complet de cod cu evidențiere sintaxă și toate scurtăturile standard.

Caută în toate fișierele

O bară de căutare lângă titlul Files îți permite să cauți instant în fiecare fișier din proiect.

Încarcă imagini

Butonul de upload din Code View (lângă titlul Files) îți permite să încarci imagini care merg direct în folderul assets.

Paleta de comenzi

Accesează paleta completă de comenzi din meniul click-dreapta pentru acțiuni avansate și navigare rapidă.

Schimbă toate aparițiile

Click-dreapta pe orice text selectat și alege 'Schimbă toate aparițiile' pentru a redenumi în bloc în tot fișierul instant.

Domenii, teme și deploy.

Configurează deployment-ul aplicației, conectează domenii personalizate și gestionează temele - totul din panoul de setări.

Settings
DOMAIN
app-myproject.ubex.ai
SUBDOMAIN
app-BackFlow
.ubex.ai
DEPLOY
THEMES

Domeniu personalizat și subdomenii

Conectează propriul domeniu sau creează subdomenii nelimitate direct din Ubex. Configurează domeniul în Settings (bara laterală stângă, deasupra profilului), adaugă înregistrările CNAME și TXT la furnizorul de domeniu, verifică și lansează.

Adaugă domeniul în Settings → tab Domain
Copiază valorile CNAME și TXT la furnizorul de domeniu
Apasă Verify Domain și așteaptă propagarea
Creează subdomenii direct din Ubex - scrie numele, salvează, lansează

Deploy

Deploy cu un click pe domeniul sau subdomeniul configurat. Aplicația ta devine live instant cu SSL inclus.

Teme

Folosește una din temele predefinite Ubex sau creează-ți propria. Când folosești teme, toate culorile se actualizează automat în fiecare element - schimbă o dată, actualizează peste tot.

Vira construiește backend-ul și baza de date.

Aceeași interfață, altă superputere. Discută cu Vira în stânga și vezi cum asamblează workflow-uri complete și tabele de date pe canvas-ul din dreapta.

ViraViraCe construim astăzi?
Vibe

Întâi discută, apoi construiește. Explorează idei și iterează pe măsură ce descoperi nevoi.

IDEAL PENTRU:
Explorarea de idei noi de workflowIterarea pe automatizări complexeConstruirea pas cu pas cu ghidare
Construiește un agent de suportCreează un flux de onboardingCreează un endpoint API
Ce ai vrea să construiești astăzi?
Claude Opus Întreabă Vira
support-agent-flow
Flow StartAPI TriggerData ValidatorvalidateInputTRUEFALSESimple Output400 Bad RequestConditionIFELSEModelClaude OpusCodetransformDataDatabasewriteDataHttp RequestsendWebhookSimple Outputresponse

Descrie

Spune-i lui Vira ce logică backend ai nevoie - din chat-ul de interfață sau un proiect dedicat.

Vira construiește

Vira creează workflow-uri, tabele de date, conexiuni - totul legat automat.

Verifică

Inspectează workflow-ul, verifică logica, confirmă că totul e corect.

Lansează

Salvează endpoint-ul și folosește-l. Dă-l lui Qira în chat-ul frontend - îl conectează pentru tine.

Toate nodurile Ubex
Tabele My Data
Vault și secrete
Endpoint-uri REST

Poți spune lui Qira direct din chat-ul Interface ca Vira să creeze și workflow-ul backend. Împreună creează tabele, endpoint-uri, conexiuni - tot ce e necesar ca funcționalitatea să funcționeze end to end.

Cum accesezi Vira & Qira

1

Creează un proiect Interface nou

2

Qira și Vira sunt gata în panoul de chat

3

Începe să descrii ce ai nevoie

Începe să construiești cu Vira & Qira

Descrie ce ai nevoie. Qira construiește frontend-ul, Vira construiește backend-ul - și totul se lansează împreună.

Fără card de credit · Plan gratuit inclus

Salut 👋

Cu ce te putem ajuta astăzi?