UBEX INTERFACE
Qira ist dein KI-Builder in Ubex Interface. Wähle ein beliebiges LLM - von Claude über ChatGPT bis Gemini - und baue vollständige Frontend- + Backend-Anwendungen per Konversation. Lade Designs hoch, wechsle Modelle mitten im Projekt und deploye sofort.
MODELLAUSWAHL
Qira arbeitet mit dem LLM deiner Wahl. Wechsle jederzeit zwischen Modellen - nutze ein leistungsstarkes Modell für komplexe Layouts, ein leichteres für schnelle Änderungen. Du steuerst Kosten und Leistung.
Du musst nicht bei einem Modell für dein gesamtes Projekt bleiben. Starte mit einem leistungsstarken Modell für komplexe Architektur, wechsle zu einem leichteren für einfache Anpassungen. Ubex gibt dir diese Wahl - optimiere für Qualität oder Kosten bei jedem Schritt.
FULL-STACK-ERSTELLUNG
Sobald dein Projekt ausgewählt ist, ruft Qira live Vira auf um das Backend zu erstellen. Zusammen bauen sie alles - Frontend-Seiten, Backend-APIs und Datenbanktabellen. Eine vollständige Anwendung, aus einer Konversation.
Seiten, Komponenten, Formulare, Dashboards, Auth-Flows - Qira generiert die komplette UI aus deiner Beschreibung.
Qira ruft Vira in Echtzeit auf um REST-APIs, Authentifizierungs-Workflows und Geschäftslogik zu erstellen - kein manuelles Setup.
Vira erstellt und konfiguriert alle Datenbanktabellen die deine Anwendung braucht. Benutzer, Sessions, Inhalte - alles strukturiert und bereit.
Frontend kommuniziert nativ mit dem Backend. Keine CORS-Kopfschmerzen, kein API-Verdrahten. Es funktioniert einfach, weil alles auf derselben Plattform gebaut ist.
VOLLE KONTROLLE
Stoppe das Modell jederzeit. Lade Referenzbilder hoch. Wechsle LLMs mitten in der Konversation. Ubex gibt dir vollständige Kontrolle darüber, wie deine Anwendung gebaut wird.
Geht es in die falsche Richtung? Stoppe das Modell sofort und lenke um. Du hast immer die Kontrolle über den Generierungsprozess.
Lade Screenshots, Mockups oder Beispiele von anderen Websites hoch. Qira nutzt sie als Referenz um das Design zu treffen, das du im Kopf hast.
Starte mit Claude Opus für komplexe Architektur, wechsle zu ChatGPT oder Gemini für schnelle Textänderungen. Du musst nicht bis zum Ende dasselbe Modell nutzen.
VORSCHAU & CODE
Das Interface bietet dir zwei Ansichten nebeneinander - eine Live-Vorschau von dem was Qira erstellt hat, und eine Code-Ansicht wo du manuell alles anpassen kannst. Sieh die vollständige Projektstruktur, bearbeite Dateien direkt und beobachte wie Änderungen sofort reflektiert werden.
Sieh genau was Qira in Echtzeit baut. Jede Komponente, jede Seite, jede Interaktion - live gerendert während es generiert wird.
Voller Zugriff auf den Quellcode. Durchsuche die Projektstruktur, öffne jede Datei und nimm manuelle Anpassungen vor. Dein Code, dein Weg.
AUSWAHL- & DESIGN-TOOL
Das Auswahl-Tool lässt dich auf jedes Element in der Live-Vorschau klicken und es sofort ändern. Ein vollständiges Design-Panel erscheint mit allen Optionen die du brauchst - kein Code nötig für visuelle Änderungen. Statt Tokens zu verbrennen um die KI nach einer Schriftgröße oder Farbe zu fragen, mach es selbst mit einem Klick. Das Design-Tool spart dir echtes Geld.
Jedes Mal wenn du die KI bittest eine Farbe zu ändern, Abstände anzupassen oder eine Schrift zu wechseln - das kostet Tokens. Mit dem Design-Tool machst du diese Änderungen selbst in Sekunden, visuell. Reserviere die KI für das was zählt: neue Features bauen, komplexe Logik und ganze Seiten. Einfache Design-Anpassungen sollten dich nie einen Prompt kosten.
Füge CSS-Klassen sofort hinzu oder entferne sie. Sieh alle angewandten Klassen als Tags, entferne mit einem Klick oder füge neue über das Eingabefeld hinzu.
Steuere Display-Modus, Positionstyp und Overflow-Verhalten. Wechsle zwischen Block, Flex, Grid, Inline - alles mit visuellen Toggles.
Setze Breite, Höhe, Min/Max-Dimensionen mit präzisen Pixel-Werten. Volle Kontrolle darüber, wie viel Platz dein Element einnimmt.
Passe Padding und Margin mit verknüpften oder einzelnen Werten an. Feinjustierung des Freiraums um jedes Element.
Hintergrundfarben, Verläufe, Opazität, Cursor, Rahmenstile und Rahmenradius. Inklusive voreingestellter Verlaufsoptionen für schnelles Styling.
Füge Schatten von subtil bis dramatisch hinzu - None, SM, MD, LG, XL oder Inner. Plus eigene Schattenwerte für präzise Kontrolle.
Schriftart, Größe, Gewicht, Zeilenhöhe, Zeichenabstand, Farbe, Ausrichtung und Dekoration. Vollständiges Text-Styling in einem Panel.
Style pro Breakpoint - Alle, ≥640, ≥768, ≥1024, ≥1280. Jedes Element kann unterschiedliche Styles bei verschiedenen Bildschirmgrößen haben.
RESPONSIVE-VORSCHAU
Drei Live-Vorschau-Modi zeigen dir genau wie deine Anwendung auf jedem Gerät aussieht. Wechsle sofort zwischen Desktop-, Tablet- und Mobile-Ansichten - kein Raten, keine Überraschungen beim Live-Gang.
EINSTELLUNGEN & VERSIONIERUNG
Konfiguriere dein Deployment, wechsle Themes sofort und verwalte Anwendungsversionen - alles aus den Interface-Einstellungen.
Willst du nicht deine Hauptdomain nutzen? Richte eine Subdomain zum Veröffentlichen ein. Deine App geht live unter deineapp.ubex.ai oder jeder eigenen Domain die du verbindest.
Ein Standard-Ubex-Theme verwendet? Wechsle es mit einem Klick. Alle Farben aktualisieren sich automatisch über jedes Element auf deiner Seite - Buttons, Text, Hintergründe, alles.
Jede Veröffentlichung erstellt eine Version. Füge Beschreibungen hinzu um Änderungen zu tracken. Kehre zu jeder vorherigen Version zurück und gehe damit in Sekunden live - wähle sie einfach aus der oberen Leiste.
IN AKTION SEHEN
Von der Konversation zur deployed Anwendung - Registrierung, Login, Dashboard, Mitglieder, Einstellungen und Deployment. Alles in einem Flow.
WARUM UBEX
Andere Plattformen zwingen dich Frontend-Hosting, Backend-Services, Datenbanken, Auth-Anbieter und Deployment-Pipelines zusammenzustücken. Ubex ist eine Plattform.
Beschreibe deine App, erhalte einen Full-Stack, deploye mit einem Klick. Free-Tier inklusive - keine Kreditkarte erforderlich.
Free-Tier · Managed Cloud · SSL inklusive · Eigene DomainsHallo 👋
Wie können wir dir heute helfen?